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IMTDnni IPTIOM MAC-graphics®? It is graphics 

111 I flUUUUI lull generated by the Macintosh. The type, 

tints, images, rules and colors. This publication is a companion to the MAC 
users (DTPers, those who need to manage graphics effectively and those who 
require commercially printed results) in the pre-press industry. It addresses 
their problems of visualising the final results in print and not merely on screen. 

This manual was put together with three MACs — one Macintosh llfx, Apple 
8*24 video card, 13" AppleColor RGB monitor and 8 MB RAM; one Macintosh 
llfx, SuperMac Spectrum/24 Series III video card, SuperMac 19" Trinitron color 
monitor and 8 MB RAM; and one Macintosh llfx, SuperMac Spectrum PDQ 24 
bit video card, SuperMac 19" Trinitron color monitor and 32 MB RAM. Other 
hardware used included a Microtek MSF 300Z color/grayscale scanner, Scitex 
Iris Smart Scanner, Canon 500 Color Laser Copier, QMS ColorScript 100 Model 
30, Apple LaserWriter II NTX, Scitex Dolev PS PostScript Imagesetter, Scitex 
I PS Bridge, Linotronic L630 PostScript Imagesetter, and Agfa Compugraphic 
SelectSet 5000 PostScript Imagesetter. For software, Aldus PageMaker 4.2, 
Freehand 3.1, Illustrator 3.1, QuarkXPress 3.0, Photoshop 2.0, Adobe Type 
Library and Adobe Type Manager were used extensively. Printing was done on 
a six-color 28 x 40 inches Speedmaster press using Toyo ink. « Drawing on 
our vast experience in graphic design over the past 8 years with Qctogram 
Design and the authors’ 28-year experience as book designer, art director, 
teacher and print manager, it took us two months with 9 staff to revise (design, 
write, set text and graphics, and color separate) this manual. Feedback from 
users of our first edition enabled us to make adjustments to their needs, with 



some areas simplified and others enlarged. Our intention was to make this 
manual useful for MAC users who need accurate — especially so in color 
management — and proven results to avoid costly last-minute complications 
in the publication process. For creating those pages with graphics, we used 
Aldus Freehand extensively. In this edition we incorporated Photoshop which 
we found to be very versatile in image re-touching. We chose Freehand because 
it works well with PageMaker. We also used Adobe Illustrator as it is very 
compatible with Photoshop. « In the manual, technical language is reduced 
to a minimum and we often go down to the basics as we are aware that there 
are many newcomers to the world of DTP. The manual provides a shortcut to 
visualisation. It assists MAC users to make fast and accurate graphic decisions. 
Teaching points are highlighted in second color. « The revised and improved 
manual is divided into four parts. The first part refers to type, screen, images 
and rules — their wide-ranging applications and possibilities and how they can 
be achieved. In the second part, references are made to process color in relation 
to its usage in the first part. A diskette is included to assist MAC users to 
manually calibrate their color monitors. Illustrated examples show MAC users 
the processes and results, with short technical notes explaining how they 
were achieved with popular software. We also incorporated a chapter on image 
re-touching which is really fun. « Finally, there is the illustrated MAC-graphics® 
Dictionary, a collection of terms commonly used in the industry. Also a new 
section is devoted to tips on how to achieve common useful graphics. « 

Acknowledgements This 2nd edition is made possible by people who believe in the power of DTP and have committed lots of time and money in 
their pursuit of excellence. Our thanks to them for their assistance : Pica Colour Separation Pte Ltd. Craft Print Pte Ltd, Voltra (S) Pte Ltd, Typeset Gallery 
Sdn Bhd, Superskill Graphics Pte Ltd, Koford Prints Pte Ltd and Paragraphics Sdn Bhd. 
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An The first edition of MAC-Graphics® was published in 
I fltFMUt 1990. Since then skeptics of desktop publishing have 
finally been convinced of its latent design and production power. It has changed 
the nature of the publishing world. Color images stored in digital files can be 
transmitted, mutated, decolorised, proofed and finally output in films ready 
for press. Professionals in the business of communication are pressurised 
to master this new tool. « The advent of sophisticated digital color proofing 
systems, like the 3-M’s Digital Matchprint, have also changed the way we work. 
You can create color proofs much faster and more efficiently than the traditional 
press or chromalin proofs. You get immediate results and you can also link 
directly to electronic prepress systems with minimum fuss. You save time and 
cost. With the printing industry moving towards digital printing presses, the 
link between the Macintosh may even be shorter in the very near future. As 
it is, the gap between design and production is already narrowing. However, 
a lot of people who have gone into desktop publishing are often unfamiliar 
with the basic production and printing process. This manual seeks to bridge 
that gap, helping MAC users to make right production decisions, whether in 
the choice of color or tint, word or letter spacing, line or halftone images. It 
also explains clearly how to achieve the final result step-by-step, without 
unnecessary time wastage on your MAC. ‘ft’ For commercial color printing, the 
monitor screen is still an unreliable visual color guide. It is safer to color check 
with a reliable color printer such as the Canon Color Laser printer or Tektronic, 
or better still proof your films through an off-press (3-M, Dupont, Kodak) or 
an on-press color proofing system in the traditional color separation house. 



Since our first adventure with this manual in 1990, the new generation of 
graphics software has improved tremendously both in ease of use and 
production quality. As we have grown to be totally dependent on our faithful 
MAGs and our wide array of sophisticated hardware, our standard of color 
visual presentation to our clients is unsurpassed and our production time frame 
very much shortened. Our cost is down while our staff morale is up. « The 
DTP industry is still full of excitement and challenge. I hope this 2nd edition 
will fully familiarise you with the basics of the design and production process 
and encourage you to explore further the unending possibilities of desktop 
publishing. 



Urn Ching San 
October 1992 



This entire manual was created on Apple Macintosh and related hardware and software, beginning with design, typesetting, layout, creating graphics, 
manipulating imported color and grayscale images to casting color separation films on various imagesetters: Scitex PS Bridge, Scitex Dolev PS PostScript 
Imagesetter, Linotronic L630 PostScript Imagesetter, and Agfa Compugraphic SelectSet 5000 PostScript Imagesetter. 
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Typography 




TYPE BASICS 

Typefaces 
Type color 
Type size 

USING TYPE 

Leading 

Word and letter spacing 
Page set-up 
Type distortion 
Special effects 




Typographic design is the art of using type 
effectively. It performs the task of communication 
with maximum clarity and visual satisfaction. There 
are thousands of typefaces available from leading 
type houses. Communicating with type depends on 
an acute understanding of the basic visual elements 
— space, line, column, lead, size, color, etc. All 
working together to make the printed page readable 
and pleasing. Typography is visual engineering. We 
can classify typefaces into four main groups : Serif. 
Slab Serif, Sans Serif and Decorative. 
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Characteristics: 
Thicks and thins 
No great contrast 
between thicks 
and thins. 
Serifs 
Scooped serifs 
being heavy. 
Stress 
Oblique vertical 
stress. 





Serif Typefaces 

ABCDEFGHIJ 

KLMNOPQR 

STUVWXYZ 

abcdefghij klm 
nopqrstuvwxyz 

1234567890 

Bembo 



Other Serif Typefaces 

Baskerville Cheltenham Garamond Life Plantin 

Bodoni Concorde Goudy Palatine Times 



History: 

Designed by 
Francisco Griffo for 
the Venetian printer 
Aldus Manutius in 
1495. A very popular 
‘Old Style’ typeface 
widely used in many 
types of design, 
especially popular 
for books. 



Walbaum 

Weiss 



Sans Serif Typefaces 



Typefaces 



1 



History: 
Helvetica was 
designed in 1957 
by Max Miedinger. 
It Is a very popular 
typeface, highly 
readable and 
well-balanced. 



ABCDEFGHIJ 

KLMNOPQR 

STUVWXYZ 

abcdefghijkim 



nopqrstuvwxyz 




Characteristics: 
Thicks and thins 
Evenness In the 
strokes. 

Serifs 
No serifs. 

Stress 

No noticeable 
stress. 



1 234567890 

Helvetica 




Other Sans Serif Typefaces 

Avant garde Franklin Gothic Frutiger Helvetica News Gothic 
Eurostile Folio Futura Kabel Univers 

mm 
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Slab Serif Typefaces 




ABCDEFGHIJ 

KLMNOPQR 

STUVWXYZ 



Characteristics: 
Thicks and thins 
Lack of contrast 
in thicks and thins. 

Serifs 
Strong, bracketed 
slab serifs. 
Stress 
Lack of emphasis 
in vertical stress. 



obcdefghijklm 

nopqrstuvwxyz 



History: 

Lubalin Graph was 
developed by Tony 
Di Spigna using Herb 
Lubalin's original 
type. Avante Garde. 
Its legible design 
makes it suitable for 
use in a variety of 
sizes, for a variety 
of design disciplines. 




1234567890 

Lubalin Graph 



Other Slab Serif Typefaces 



Glypha 

Berthold City™ 



Memphis 

Serifa 
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Decorative Typefaces 



History: 
This decorative 
typeface was 
designed in 1936 
by M R Kaufmann. 
A very popular 
typeface widely 
used in various 
display forms. 



KiMmm 




f 23456 7890 

Kaufmann 




Characteristics: 
These typefaces 
resemble hand- 
writing and are 
varied and 
individual. They 
range from 
traditional to 
contemporary, 
from delicate 
to rugged. 




other Decorative Typefaces 

?Irnold Bochlin Dom Casual I^C Zapt Cfumceiy 

Sentftt Sc/^ipt £Pa-i4 <=7^ tT£/2U£ 
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Departmental head ; 
Helvetica — 



FEATHERED FRIENDS 



Title : 

Helvetica Light — 



Drop Cap ; 
Helvetica 



Body text : 
Helvetica - 



Heading ; 
Helvetica Bold 




Parrots in their 
Native Lands 



P arrots come from South America. Australia, Asia and 

Africa. South America has the most parrots and Africa has 
the fewest. Most live in forested areas but some live near 
deserts. Many are brightly colored, some are black. Usually they are colored 
so that they cannot be seen easily. We love them as pets but in their homelands 
they are pests that destroy crops. 

There are altogether 315 species of parrots. The smallest is the Pygmy 
Parrot (10 cm) and the largest is the Hyacinth Macaw (1 m). 

in the wild parrots like to do things together, so they travel in pairs or 
groups. Even in a large group they will choose the partner they want to stay with 
all their lives. Because they are so choosy about their partners, many parrots 
are hard to breed in captivity. They nest in hollows in hillsides and trees. This 
makes the Monk Parakeet very unusual because it builds a nest out of twigs. 



Scarlet 

Macaw 
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Flamingos 

Flamingos are quite amazing creatures with 
their long necks and skinny legs that look as 
if they may give way any time. Despite their 
curious appearance, the flamingos cU’e one of 
the oldest species of birds existing today. 

Cave paintings done about 7,000 years ago are 
found in southern Spain and the name “Phoenix 
Birds" had been given to the flamingos since 
ancient times. 

Scientists have found fossils of flamingos in Europe, North 
America and Australia. From them we know that flamingos could be 
found in large numbers all over the world and not just at the areas where 
they are found in these present days. 

In ancient times the flamingos were killed for their skin and meat because 
people believed ‘they would live forever If they owned a flamingo skin. The 
Romans regarded the pickled tongue of the flamingo a delicacy to be served at 
feasts given by the Roman emperors. 

Flamingos In the wild live in huge flocks. The males are larger than the 
females but apart from the size, it is very difficult to tell the males from the 
females because they look alike. 

They like to live in shallow lakes and salt lagoons which have 
very little plants growing in them. These places are often surrounded 
by hot desert-like country. Flamingos are now found in the 
tropics and sometimes in high and lonely places. 



Flamingo 
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Running head ; Helvetica 



Image label : 
Helvetica Condensed 
Bold 



Image caption ; 
Helvetica Condensed 
Italic 



Typefaces are like people. They come in all shapes, sizes and colors. Each with its own personality. In publication designs, it is often better to limit yourself to using one 
or few families of typefaces. 




Helvetica Light 9/11 *« Type has ‘color’. The color refers to the 
general tonal quality when viewed as a body of type. 
The color is the range of gray. It could be extra fine 
(when using Helvetica Light) to densely dark (Helvetica 
Black). Each type has its own weight. The selection of 
type, size, leading, word or type spacing (kerning) 
affects the overall color. Using the standard kerning 
and word-space with types, we illustrate here the color 
of type. Color of type can provide Interesting contrast 
or harmony for publications like magazines or newslet- 
ters which normally have 
a mixture of topics within 
a single page. Such tonal 
quality can also set the 
mood or tone for the 
nature of the message. 

Type has ‘color’. The 
color refers to the gener- 
al tonal quality when 
viewed as a body of 
type. The color is the 
range of gray. It could be 

Helvetica Bold 9/11 Type 
has ‘color’. The color 
refers to the general 
tonal quality when 
viewed as a body of 
type. The color is the 
range of gray. It could 
be extra fine (when 
using Helvetica Light) 
to densely dark (Helve- 
tica Black). Each type 
has its own weight. The 
selection of type, size, leading, word or type spac- 
ing (kerning) affects the overall color. Using the 
standard kerning and word-space with types, we 
Illustrate here the color of type. Color of type can 
provide interesting contrast or harmony for publica- 
tions like magazines or newsletters which normally 
have a mixture of topics within a single page. Such 
tonal quality can also set the mood or tone for the 
nature of the message. « Type has 'color*. The 
color refers to the general tonal quality when viewed 

Same type, same leading, different weight. 



Helvetica Light 6/7 is’ Type has ’color’. 
The color refers to the general tonal 
quality when viewed as a body of 
type. The color is the range of gray. It 
could be extra fine (when using 
Helvetica Light) to densely dark 
(Helvetica Black). Each type has its 
own weight. The selection of type, 
size, leading, word or type spacing 
(kerning) affects the overall color. 
Using the standard kerning and word- 
space with types, we illustrate here 
the color of type. Color of type can 
provide interesting contrast or har- 
mony for publications like magazines 
or newsletters which normally have a 
mixture of topics within a single page. 



Helvetica Bold 6/7 ¥ Type has ‘color*. 
The color refers to the general tonal 
quality when viewed as a body of 
type. The color is the range of gray. 
It could be extra fine (when using 
Helvetica Light) to densely dark 
(Helvetica Black). Each type has its 
own weight. The selection of type, 
size, leading, word or type spacing 
(kerning) affects the overall color. 
Using the standard kerning and 
word*space with types, we illustrate 
here the color of type. Color of type 
can provide interesting contrast or 
harmony for publications like mag> 
azines or newsletters which nor- 
mally have a mixture of topics 
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Type color 

Helvetica 9/11 « Type has ‘color’. The color refers to the 
general tonal quality when viewed as a body of type. 
The color is the range of gray. It could be extra fine 
(when using Helvetica Light) to densely dark (Helvetica 
Black). Each type has its own weight. The selection of 
type, size, leading, word or type spacing (kerning) 
affects the overall color. Using the standard kerning and 
word-space with types, we illustrate here the color of 
type. Color of type can provide Interesting contrast or 
harmony for publications like magazines or newsletters 

which normally have a 
mixture of topics within a 
single page. Such tonal 
quality can also set the 
mood or tone for the 
nature of the message. 

Type has ‘color’. The 
color refers to the general 
tonal quality when viewed 
as a body of type. The 
color is the range of gray. 
It could be extra fine 

Helvetica Black 9/11 "m Type 
has ‘color’. The color 
refers to the general 
tonal quality when 
viewed as a body of 
type. The color is 
the range of gray. It 
could be extra fine 
(when using Helve- 
tica Light) to dense- 
ly dark (Helvetica 
Black). Each type has 
its own weight. The selection of type, size, 
leading, word or type spacing (kerning) 
affects the overall color. Using the standard 
kerning and word-space with types, we illus- 
trate here the color of type. Color of type 
can provide interesting contrast or harmony 
for publications like magazines or newslet- 
ters which normally have a mixture of topics 
within a single page. Such tonal quality can 
also set the mood or tone for the nature of 



Helvetica 6/7 i’ Type has ‘color’. The 
color refers to the general tonal quality 
when viewed as a body of type. The 
color is the range of gray. It could be 
extra fine (when using Helvetica Light) 
to densely dark (Helvetica Black). 
Each type has its own weight. The 
selection of type, size, leading, word 
or type spacing (kerning) affects the 
overall color. Using the standard kern- 
ing and word-space with types, we 
illustrate here the color of type. Color 
of type can provide interesting con- 
trast or harmony for publications like 
magazines or newsletters which nor- 
mally have a mixture of topics within a 
single page. Such tonal quality can 



Helvetica Black 6/7 Type has 
*color*. The color refers to the 
general tonal quality when 
viewed as a body of type. The 
color is the range of gray. It 
could be extra fine (when using 
Helvetica Light) to densely 
dark (Helvetica Black). Each 
type has its own weight. The 
selection of typ^ size, leading, 
word or type spacing (kerning) 
affects the overall color. Using 
the standard kerning and word- 
space with types, we illustrate 
here the color of type. Color of 
type can provide interesting 
contrast or harmony for publi- 



Type has ‘color'. The color refers to the general tonal quality when viewed as a body of type. The color is the range of gray. It could be extra fine (when using Helvetica 
Light) to densely dark (Helvetica Black). Each type has its own weight. The selection of type, size, leading, v/ord or type spacing (kerning) affects the overall color. Using 
the standard kerning and word^space with types, we illustrate here the color of type. Color of type can provide interesting contrast or harmony for publications like 
magazines or newsletters which normally have a mixture of topics within a single page. Such tonal quality can also set the mood or tone for the nature of the message. 

lEI 
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New Century School Book 9/11 Type has ‘color’. The color Galliard9/11 WTypc has ‘color’. The color refers to the gen- 

refers to the general tonal quality when viewed as a cral tonal quality when viewed as a body of type. The 

body of type. The color is the range of gray. It could color is the range of gray. It could be extra fine (when 

be extra fine (when using Helvetica Light) to densely using Helvetica Light) to densely dark (Helvetica Black), 

dark (Helvetica Black). Each type has its own weight. Each type has its own weight. The selection of type, size. 

The selection of t3rpe, size, leading, word or type spac- leading, word or type spacing (kerning) affects the overall 

ing (kerning) affects the overall color. Using the stan- color. Using the standard kerning and word-space with 

dard kerning and word-space with types, we illus- types, we illustrate here the color of type. Color of type 

trate here the color of type. Color of type can provide can provide interesting contrast or harmony for publ- 

interesting contrast or harmony for publications like ications like magazines or newsletters which normally 

magazines or newslet- have a mixture of topics 

ters which normally Garamond 9/ll Type has ‘color’. The color refers to the wthin a single page. Such 

have a mixture of topics general tonal quality when viewed as a body of type. The tonal quality can also set 

within a single page. color is the range of gray. It could be extra fine (when the mood or tone for the 

Such tonal quality can using Helvetica Light) to densely dark (Helvetica Black). nature of the message, 
also set the mood or Each type has its own weight.Type has ‘color'. The color Type has ‘color’. The 
tone for the nature of refers to the general tonal quality when viewed as a body color refers to the general 

the message. Type has of type. The color is the range of gray. It could be extra tonal quality when viewed 

‘color’. The color refers fine (when using Helvetica Light) to densely dark as a body of type. The 

to the general tonal qua- (Helvetica Black). Each type has its own weight. The color is the range of gray, 

lity when viewed as a selection of type, size, leading, word or type spacing It could be extra fine 

body of type. The color is (kerning) affects the overall color. Using the standard (when using Helvetica 

kerning and word-space with types, we illustrate here 

New Baskerville 9/11 ‘i^Type has the color of type. Color of type can provide interesting Palatine 9/11 W Type has 

‘color’. The color refers contrast or harmony for publications like magazines or 'color'. The color refers 

to the general tonal quali- newsletters which normally have a mixture of topics to the general tonal qual- 

ty when viewed as a body within a single page. Type has ‘color’. The color refers ity when viewed as a 

of type. The color is the to the general tonal quality when viewed as a body of body of type. The color 

range of gray. It could be type. The color is the range of gray. It could be extra fine is the range of gray. It 

extra fine (when using (when using Helvetica Light) to densely dark (Helvetica could be extra fine (when 

Helvetica Light) to dense- Black). Each type has its own weight. The selection of using Helvetica Light) to 

ly dark (Helvetica Black). type, size, leading, word or type spacing (kerning) densely dark (Helvetica 

Each type has its own affects the overall color. Using the standard kerning and Black). Each type has its 

weight. The selection of word-space with types, we illustrate here the color of own weight. The selec- 

type, size, leading, word tion of type, size, lead- 

er type spacing (kerning) affects the overall color. Using ing, word or type spacing (kerning) affects the overall 
the standard kerning and word-space with types, we illus- color. Using the standard kerning and word-space with 
trate here the color of type. Color of type can provide types, we illustrate here the color of type. Color of type 

interesting contrast or harmony for publications like can provide interesting contrast or harmony for publi- 

magazines or newsletters which normally have a mixture cations like magazines or newsletters which normally 

of topics within a single page. Such tonal quality can also have a mixture of topics within a single page. Such 

set the mood or tone for the nature of the message, 'it tonal quality can also set the mood or tone for the 

Type has ‘color’. The color refers to the general tonal nature of the message. Type has 'color'. The color 

quality when viewed as a body of type. The color is the refers to the general tonal quality when viewed as a 

range of gray. It could be extra fine (when using Helve- body of type. The color is the range of gray. It could be 

Different type (Serif), same leading. 
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Type color 



Gill Sans 9/11 Type has ‘color’. The color refers to the gen- 
eral tonal quality when viewed as a body of type. The color 
is the range of gray. It could be extra fine (when using 
Helvetica Light) to densely dark (Helvetica Black). Each type 
has its own weight. The selection of type, size, leading, word 
or type spacing (kerning) affects the overall color. Using the 
standard kerning and word-space with types, we illustrate 
here the color of type. Color of type can provide interesting 
contrast or harmony for publications like magazines or 
newsletters which normally have a mixture of topics within a 
single page. Such tonal qua- 
lity can also set the mood 
or tone for the nature of 
the message. Type has 
‘color’. The color refers to 
the general tonal quality 
when viewed as a body of 
type. The color is the range 
of gray. It could be extra 
fine (when using Helvetica 
Light) to densely dark (Hel- 
vetica Black). Each type has 

Franklin Gothic Book 9/11 
Type has ‘color’. The color 
refers to the general tonal 
quality when viewed as a 
body of type. The color is 
the range of gray. It could 
be extra fine (when using 
Helvetica Light) to dense- 
ly dark (Helvetica Black). 

Each type has its own 
weight. The selection of 
type, size, leading, word 
or type spacing (kerning) affects the overall color. Using 
the standard kerning and word-space with types, we 
illustrate here the color of type. Color of type can pro- 
vide interesting contrast or harmony for publications like 
magazines or newsletters which normally have a mixture 
of topics within a single page. Such tonal quality can 
also set the mood or tone for the nature of the mes- 
sage. ‘ife’ Type has ‘color’. The color refers to the general 
tonal quality when viewed as a body of type. The color Is 
the range of gray. It could be extra fine (when using 

Different type (Sans Serif), same leading. 



Frutlger Roman 9/11 Type has 'color'. The color refers to 
the general tonal quality when viewed as a body of 
type. The color is the range of gray. It could be extra 
fine (when using Helvetica Light) to densely dark 
(Helvetica Black). Each type has its own weight. The 
selection of type, size, leading, word or type spacing 
(kerning) affects the overall color. Using the stan- 
dard kerning and word-space with types, we illus- 
trate here the color of type. Color of type can 
provide interesting contrast or harmony for publi- 
cations like magazines 
or newsletters which 
normally have a mixture 
of topics within a single 
page. Such tonal quality 
can also set the mood or 
tone for the nature of 
the message. Type has 
'color'. The color refers 
to the general tonal qua- 
lity when viewed as a 
body of type. The color 

Futura Book 9/11 “W Type has 
'color'. The color refers to 
the general tonal qua-lity 
when viewed as a body 
of type. The color is the 
range of gray. It could be 
extra fine (when using 
Helvetica Light) to densely 
dark (Helvetica Black). 
Each type has its own 
weight. The selection of 
type, size, leading, word 
or type spacing (kerning) affects the overall color. Using 
the standard kerning and word-space with types, we 
illustrate here the color of type. Color of type can pro- 
vide interesting contrast or harmony for publications like 
magazines or newsletters which normally have a mixture 
of topics within a single page. Such tonal quality can 
also set the mood or tone for the nature of the message. 

Type has 'color'. The color refers to the general tonal 
quality when viewed as a body of type. The color is the 
range of gray. It could be extra fine (when using Helve- 



universe 55 9/11 ‘m Type has 'color'. The color refers to 
the general tonal quality when viewed as a body of 
type. The color is the range of gray. It could be 
extra fine (when using Helvetica Light) to densely 
dark (Helvetica Black). Each type has its own 
weight. The selection of type, size, leading, word or 
type spacing (kerning) affects the overall color. 
Using the standard kerning and word-space with 
types, we illustrate here the color of type. Color of 
type can provide interesting contrast or harmony 
for publications like magazines or newsletters 
which normally have a mixture of topics within a 
single page. Such tonal quality can also set the 
mood or tone for the nature of the message, “if 
Type has 'color'. The color refers to the general 
tonal quality when viewed as a body of type. The 
color is the range of gray. It could be extra fine 
(when using Helvetica Light) to densely dark 
(Helvetica Black). Each type has its own weight. 
The selection of type, size, leading, word or type 
spacing (kerning) affects the overall color. Using 
the standard kerning and word-space with types, 
we illustrate here the color of type. Color of type 
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6 ptS serif during priming. « Most D TP sothvare today can generate types from 3 points to 
3000 points. Together with Adobe Type .Manager and the selected fonts downloaded, 
fonts can Ik* very* smtKjth on screen. You can therefore make accurate adjusitneiu t)f 
type, space, kerning on screen before printing. Depending on your printing device, 

8 pts small types may loose their fine serif during printing. « Most 
m'P sofnvare today can generate types from 3 points to 3000 
points, together with Adobe Type Manager and the selected 
fonts downloaded, fonts can be vcty smooth on screen. You can 
therefore make accurate adjustment of type, spacc;,Tcrning on 
10 pis screen before, printing, pcpeiiding on your printing 
device, small types may| loose their fine serif during 
printing. '« Most DTP software today can generate 
types from 3 points to 3000 points. Together with 
Adobe Type Manager and the selected fonts down- 
12 pts loaded, fonts can be very smooth on screen. 
You can therefore make accurate atijust- 
ment of type, space, kerning on screen be- 
fore printing. iDepending on your printing 
device, small types niay loose their fine serif 
14 pts during prinjiag. « Most DTP soft- 
ware today can generate types from 3 
points to 3000 points. Together with 
Adobe Type Manager and the select- 
ed fonts downloaded, fonts can be 

16 pts very smooth on screen. You can 
therefore make accurate adjust- 
ment of type, space, kerning on 
screen before printing. Depend- 
18 pts ing on your printing device, 
small types may loose their 
tine sent during printing. « 
20 pts Most DTP software today 
can generate types from 
3 points to 3000 points. 

Typeface ; Galliard Background T’ ; 400 points. 



fine serif during printing. ^ Most DTP software today can generate types from 3 
points to 3000 points. Together wiili .Adobe type .Manager and Uie selected fonts 
downloaded, fonts can Ik* very smooth on screen. You can therefore make accurate 
acijustmrnt of Upc, space, kerning on .screen before priming. Depending on your 

printing device, small types may loose iheir fine serif during 
priming. Most DTP .software today can generate types from 3 
points lo 3000 poims. Together with Adobe r>pe Manager and 
the selected fonts downloaded, fonts can be very smooth on 
screen. You can therelbre make accurate adju.siment of type, 
.Space, kerning on screen before printing. Depend- 
ing on your printing device, small types may loose 
their fine serif during printing. Most DTP soft- 
ware today can generate types from 3 points to 3000 
points. Together with Adobe Type Manager and 
the selected fonts downloaded, fonts can 
be very smooth on screen. You can there- 
fore make accurate adjustment of type, 
space, kerning on screen before printing. 
Depending on your printing device, small 
types may loose their fine serif dur- 
ing printing. '« Most DTP software 
today can generate types from 3 
points to 3000 points. Together with 
Adobe Type Manager and the select- 
ed fonts downloaded, fonts can 
be very smooth pn screen. You 
can therefore make accurate 
adjustment of type, space, kern- 
ing on screeh before print- 
ing. Depending on your 
printing device, small types 
may loose theiir fine serif 
during printing. 'W Most 
DTP software today can 

Typeface ; New Baskerville Roman Background ‘g’ : 200 points 



Most DTP software today can generate types from 3 points to 3000 points. Together with Adobe Type Manager and the selected printer fonts in your System Folder, 
you get fonts which can be very smooth on screen. You can therefore make accurate adjustment of type, space and kerning on screen before printing. Depending on 
your printing device, small types may loose their fine serifs during printing. 



Typography 



Type size 
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6 ptS printing, e Most DTP software today can g^erate types from 3 points to 3000 points. 
Together with Adobe Type Manager and the selected fonts downloaded, fonts can be very 
smooth on screen. You can therefore make jKOinte acQustment of type, space, kerning on 
screen before printing. Depending on your device, imall types may loosf their fine 

8 pts serif during printing. « Most DTP software today can generate types , 
from 3 points to 3000 points. Together with Adobe Type Manager 
and the selected fonts downloaded, fonts can be very smooth on 
screen. You can therefore make accurate adjustment of type, space, 
kerning on screen before printing. Depending on your pr/nting 
10 pts device, small types may loose their, fine serif during 
printing, ft' Most DTP software today can generate 
types from 3 points to 3000 points. Together With 
Adobe Type Manager and the selected fonts doWri- 
loaded, fonts can be very smooth oh screen. You can ^ 
12 pts therefore make accurate adjustment of type, 
space, kerning on screen before printing. 
Depending on your printing device, small 
types may loose their fine serif during print- 
ing. ■« Most DTP software today can generate 
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device, small types may loose their fine serif during printing. Most DTP soft- 
ware today can generate types from 3 points to 3000 points. Together with 
JVdobe Type Manager and the selected fonts downloaded, fonts can be very 
smooth on screen. You can therefore make accurate adjustment of type, 

Space, kerning on screen before printing. Depending on 
your printing device, small types may loose their fine serif 
during printing. « Most DTP software today can generate 
types from 3 points to 3000 points. Together with Adobe 
Type Manager and the selected fonts downloaded, fonts 
can be very smooth on screen. You can there- 
fore make accurate adjustment of type, space, 
kerning on screen before printing. Depending 
on your printing device, small types may loose 
their fine serif during printing, ft’ Most DTP 
software today can generate types from 
~3' points to 3000 points. Together with 
Adobe Type Manager and the selected 
fonts downloaded, fonts can be very 
smooth on screen. You can therefore 



i4pts types from 3 points to 3000 points. 
Together with Adobe Type Manager 
and the selected fonts downloaded, 
fonts can be very smooth on screen. 
You can therefore make accurate 
i6pts adjustment of type, space, kerning 
on screen before printing. De- 
pending on your printing device, 
small types may loose their fine 
18 P 1 S serif during printing. Most 
DTP software today can gen- 
erate types from 3 points to 
20 P 1 S 3000 points. Together with 
Adobe Type Manager and 
the selected fonts down- 

Typeface : Gill Sans Background k’ : 300 points. 



make accurate adjustment of 
type, space, kerning on screen 
before printing. Depending on 
your printing device,-.small types 
may loose their fine serif^during 
printing. “W Most DTP s6,ft- 
w a r e tod ay can g d n e r a t e 
types frorh 3 points to 300|0 
points. Together with lAdobe 
Type Managar-and th^ 
selected fonts download- 
ed, fonts can be very 
smooth on screen. You 
can therefore make a«J- 
curatd^ adjustment of 

Typeface : Univers 55 Backgw^d 'a' ; 500 po^.-^ 
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(Serif) Garamond, 9 on 9 points Leading 
refers to the measurement of space 
between the line of type. Most DTTers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives a 
120% space between baselines on the 
choice of the original type size, i.e. if 
you select a 10 points type, the MAC 
will auto-set your leading to 12 points. 
If you select a 20 points type, your 
auto leading will be set at 24 points. 



You can measure the leading from baseline to baseline. Some software 
like QuarkXI^ress allow you to select type and raise or lower its baseline 
independently. Leading refers to the measurement of space between the 
line of type. Most DTPers find it convenient to use the default setting at 
Automatic for leading. Automatic leading in your MAC gives a 120% space 
between baselines on the choice of the original type size. i.e. if you select 
a 10 points type, the MAC will auto-set your leading to 12 points. If you 
select a 20 points type, your auto leading will be set at 24 points. You can 
measure the leading from baseline to baseline. Some software like 
QuarkXPress allow you to select type and raise or lower its baseline inde- 
pendently. Leading refers to the measurement of space between the line 
of type. Most DTPers find it convenient to use the default setting at 



(Serif) Garamond. 9 on 11 points Leading 
refers to the measurement of space 
between the line of type. Most DTPers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives a 
120% space between baselines on the 
choice of the original type size, i.e. if 
you select a 10 points type, the MAC 
will auto-set your leading to 12 points. 



If you select a 20 points type, your auto leading will be set at 24 points. 
You can measure the leading from baseline to baseline. Some software 
like QuarkXPress allow you to select type and raise or lower its baseline 
independently, 'i? Leading refers to the measurement of space between the 
line of type. Most DTPers find it convenient to use the default setting at 
Automatic for leading. Automatic leading in your MAC gives a 120% space 
between baselines on the choice of the original type size. i.e. if you select 
a 10 points type, the MAC will auto-set your leading to 12 points. If you 
select a 20 points type, your auto leading will be set at 24 points. You can 
measure the leading from ba.seline to baseline. Some software like Quark- 



(Serif) Garamond. 9 on 13 points W Leading 
refers to the measurement of space 
between the line of type. Most DTPers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives a 
120% space between baselines on the 
choice of the original type size, i.e. if 
you select a 10 points type, the MAC 



will auto-set your leading to 12 points. If you select a 20 points type, your 
auto leading will be set at 24 points. You can measure the leading from 
baseline to baseline. Some software like QuarkXPress allow you to select 
type and raise or lower its baseline independently. Leading refers to the 
measurement of space between the line of type. Most DTPers find it con- 
venient to use the default setting at Automatic for leading. Automatic lead- 
ing in your MAC gives a 120% space between baselines on the choice of 
the original type size. i.e. if you select a 10 points type, the MAC will auto- 
set your leading to 12 points. If you select a 20 points type, your auto 



(Serif) Garamond. 9 on 15 points m Leading 
refers to the measurement of space 
between the line of type. Most DTPers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives a 
120% space between baselines on the 
choice of the original type size, i.e. if 



you select a 10 points type, the MAC will auto-set your leading to 12 
points. If you select a 20 points type, your auto leading will be set at 24 
points. You can measure the leading from baseline to baseline. Some soft- 
ware like QuarkXPress allow you to select type and raise or lower its 
baseline independently. Leading refers to the measurement of space 
between the line of type. Most DTPers find it convenient to use the default 
setting at Automatic for leading. Automatic leading in your MAC gives a 
120% space between baselines on the choice of the original type size. i.e. 



Technical Note ; QuarkXPress 3.0 • open a Text Box • select Character Tool and type your text in the Text Box * highlight the text • go to Style Menu and specify your 
leading in points 
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Leading 



(Sans Serif) Helvetica, 9 on 9 points « Leading 
refers to the measurement of space 
between the line of type. Most DTPers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives 
a 120% space between baselines on 
the choice of the original type size, i.e. 
if you select a 1 0 points type, the MAC 
will auto-set your leading to 12 points. 
If you select a 20 points type, your 
auto leading will be set at 24 points. 



You can measure the leading from baseline to baseline. Some software 
like QuarkXPress allow you to select type and raise or lower its baseline 
independently. Leading refers to the measurement of space between 
the line of type. Most DTPers find it convenient to use the default setting 
at Automatic for leading. Automatic leading in your MAC gives a 120% 
space between baselines on the choice of the original type size. i.e. if 
you select a 10 points type, the MAC will auto-set your leading to 12 
points. If you select a 20 points type, your auto leading will be set at 24 
points. You can measure the leading from baseline to baseline. Some 
software like QuarkXPress allow you to select type and raise or lower its 
baseline independently. Leading refers to the measurement of space 
between the line of type. Most DTPers find it convenient to use the 



(Sans Serif) Helvetica. 9 on 11 points Leading 
refers to the measurement of space 
between the line of type. Most DTPers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives 
a 120% space between baselines on 
the choice of the original type size, i.e. 
if you select a 1 0 points type, the MAC 
will auto-set your leading to 12 points. 



If you select a 20 points type, your auto leading will be set at 24 points. 
You can measure the leading from baseline to baseline. Some software 
like QuarkXPress allow you to select type and raise or lower its baseline 
independently. Leading refers to the measurement of space between 
the line of type. Most DTPers find it convenient to use the default setting 
at Automatic for leading. Automatic leading in your MAC gives a 120% 
space between baselines on the choice of the original type size. i.e. if 
you select a 10 points type, the MAC will auto-set your leading to 12 
points. If you select a 20 points type, your auto leading will be set at 24 
points. You can measure the leading from baseline to baseline. Some 



(Sans Serif) Helvetica. 9 on 13 points ’« Leading 
refers to the measurement of space 
between the line of type. Most DTPers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives 
a 120% space between baselines on 
the choice of the original type size, i.e. 
if you select a 1 0 points type, the MAC 



will auto-set your leading to 1 2 points. If you select a 20 points type, your 
auto leading will be set at 24 points. You can measure the leading from 
baseline to baseline. Some software like QuarkXPress allow you to 
select type and raise or lower its baseline independently, ‘if Leading 
refers to the measurement of space between the line of type. Most 
DTPers find it convenient to use the default setting at Automatic for lead- 
ing. Automatic leading in your MAC gives a 120% space between base- 
lines on the choice of the original type size. i.e. if you select a 10 points 
type, the MAC will auto-set your leading to 12 points. If you select a 20 



(Sans Serif) Helvefica. 9 on 15 points 'if Leading 
refers to the measurement of space 
between the line of type. Most DTPers 
find it convenient to use the default 
setting at Automatic for leading. 
Automatic leading in your MAC gives 
a 120% space between baselines on 
the choice of the original type size, i.e. 



if you select a 10 points type, the MAC will auto-set your leading to 12 
points. If you select a 20 points type, your auto leading will be set at 24 
points. You can measure the leading from baseline to baseline. Some 
software like QuarkXPress allow you to select type and raise or lower its 
baseline independently, ‘if Leading refers to the measurement of space 
between the line of type. Most DTPers find it convenient to use the 
default setting at Automatic for leading. Automatic leading in your MAC 
gives a 120% space between baselines on the choice of the original type 



You can measure the leading from baseline to baseline. Some software like QuarkXPress allow you to select type and raise or lower its baseline independently. Leading 
refers to the measurement of space between the line of type. Most DTPers find it convenient to use the default setting at Automatic for leading. Automatic leading in 
your application gives a 120% space between baselines on the choice of the original type size. i.e. if you select a 10 points type, the application will auto-set your lead- 
ing to 12 points, if you select a 20 points type, your auto leading will be set at 24 points. 
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Word spacing Minimum 80% Desired 100% Maximum 200% 

Letter spacing Minimum -5% Desired 0% Maximum 25% 

Spacing between words and letters is usually fixed by 
default at an acceptable standard set by the software 
manufacturers. Spacing is affected by the width of the 
text block (line width or measure). A narrow width will give 
you unsightly spacing with white gaps in between. A 
bigger width will give you a more even texture. As a 
general guide, if word spacing is tightened, letter spacing 
should also be tightened. If word spacing is loosened, 
letter spacing should also be loosened. Spacing be- 
tween words and letters is usually fixed by default at an 
acceptable standard set by the software manufacturers. 



Word spacing Minimum 50% Desired 80% Maximum 150% 

Letter spacing Minimum -10% Desired -2% Maximum 5% 

Spacing between words and letters is usually fixed by de- 
fault at an acceptable standard set by the software manu- 
facturers. Spacing is affected by the width of the text block 
(line width or measure). A narrow width will give you unsightly 
spacing with white gaps in between. A bigger width will give 
you a more even texture. As a general guide, if word spacing 
is tightened, letter spacing should also be tightened. If word 
spacing is loosened, letter spacing should also be loos- 
ened. ¥ Spacing between words and letters is usually fixed 
by default at an acceptable standard set by the software 
manufacturers. Spacing is affected by the width of thetextblock 



Word Spacing Minimum 50% Desired 80% Maximum 100% 

Letter spacing Minimum -25% Desired -5% Maximum 0% 

Spacing between words and letters is usually fixed by default 
at an acceptable standard set by the software manufacturers. 
Spacing is affected by the width of the text block (line width or 
measure) . A narrow width will give you unsightly spacing with 
white gapsinbetween.Abigger width willgiveyouamore even 
texture. As ageneral guide, if word spacing is tightened, letter 
spacing should also be tightened. If word spacing is loosened, 
letter spacing should also be loosened, Spacing between 

words and letters is usually fixed by default at an acceptable 
standard set by the software manufacturers. Spacing isaffected 
by the width of the textblock (line width or measure). A narrow 



Word spacing Minimum 100% Desired 120% Maximum 200% 

Letter spacing Minimum 0% Desired 5% Maximum 50% 

Spacing between words and letters is usually fixed by 
default at an acceptable standard set by the software 
manufacturers. Spacing is affected by the width of the 
text block (line width or measure). A narrow width will 
give you unsightly spacing with white gaps in between. 
A bigger width will give you a more even texture. As a 
general guide, if word spacing is tightened, letter 
spacing should also be tightened. If word spacing is 
loosened, letter spacing should also be loosened. “V. 
Spacing between words and letters is usually fixed by 
default at an acceptable standard set by the software 



Word spacing Minimum 120% Desired 150% Maximum 200% 

Letter spacing Minimum 5% Desired 25% Maximum 80% 

Spacing between words and letters is usually fixed 
by default at an acceptable standard set by the 
software manufacturers. Spacing is affected by 
the width of the text block (line width or measure). 
A narrow width will give you unsightly spacing 
with white gaps in between. A bigger width will 
give you a more even texture. As a general guide, 
if word spacing is tightened, letter spacing should 
also be tightened. If word spacing is loosened, 
letter spacing should also be loosened, i’ Spacing 
between words and letters is usually fixed by default 



Word spacing Minimum 150% Desired 180% Maximum 220% 

Letter spacing Minimum 10% Desired 50% Maximum 100% 

Spacing between words and letters is usually 
fixed by default at an acceptable standard 
set by the software manufacturers. Spacing 
is affected by the width of the text block 
(line width or measure). A narrow width will 
give you unsightly spacing with white gaps 
In between. A bigger width will give you a 
more even texture. As a general guide, if 
word spacing is tightened, letter spacing should 
also be tightened. If word spacing is loosened, 
letter spacing should also be loosened. ^ 



Technical Note : PageMaker 4.2 • Helvetica 9/12 points, no auto hyphenation. 

Spacing between words and letters is usually fixed by default at an acceptable standard set by the software manufacturers. Spacing is affected by the width of the text block 
(line width or measure). A narrow width will give you unsightly spacing with white gaps in between. A bigger width will give you a more even texture. As a general guide, 
if word spacing is tightened, letter spacing should also be tightened. If word spacing is loosened, letter spacing should also be loosened. 




Typography 



Word spacing Minimum 100% Optimum 100% Maximum 150% 

Character spacing Minimum 0% Optimum 0% Maximum 15% 

Spacing between words and letters is usually fixed by 
default at an acceptable standard set by the software 
manufacturers. Spacing is affected by the width of the 
text block (line width or measure). A narrow width will 
give you unsightly spacing with white gaps in between. 
A bigger width will give you a more even texture. As a 
general guide, if word spacing is tightened, letter 
spacing should also be tightened. If word spacing is 
loosened, letter spacing should also be loosened. 
Spacing between words and letters is usually fixed by 
default at an acceptable standard set by the software 



Word spacing Minimum 80% Optimum 80% Maximum 100% 

Character spacing Minimum -2% Optimum -2% Maximum 5% 

Spacing between words and letters is usually fixed by 
default at an acceptable standard set by the software 
manufacturers. Spacing is affected by the width of the text 
block (line width or measure). A narrow width will give you 
unsightly spacing with white gaps in between. A bigger 
width will give you a more even texture. As a general 
guide, if word spacing is tightened, letter spacing should 
also be tightened. If word spacing is loosened, letter 
spacing should also be loosened. « Spacing between 
words and letters is usually fixed by default at an 
acceptable standard set by the software manufacturers. 



Word spacing Minimum 50% Optimum 80% Maximum 80% 

Character spacing Minimum -5% Optimum -2% Maximum 0% 

Spacing between words and letters is usually fixed by default 
at an acceptable standard set by the software manufacturers. 
Spacing is affected by the width of the text block (line width 
or measure). A narrow width will give you unsightly spacing 
with white gaps in between. A bigger width will give you a 
more even texture. As a general guide, if word spacing is 
tightened, letter spacing should also be tightened. If word 
spacing is loosened, letter spacing should also be loosened. 

Spacing between words and letters is usually fixed by 
default at an acceptable standard set by the software 
manufacurers. Spacing is affected by the width of the text 



Word and letter spacng 

Word spacing Minimum 100% Optimum 150% Maximum 200% 

Character spacing Minimum 0% Optimum 5% Maximum 30% 

Spacing between words and letters is usually fixed 
by default at an acceptable standard set by the software 
manufacturers. Spacing is affected by the width of 
the text block (line width or measure). A narrow width 
will give you unsightly spacing with white gaps in 
between. A bigger width will give you a more even 
texture. As a general guide, if word spacing is tightened, 
letter spacing should also be tightened. If word spacing 
is loosened, letter spacing should also be loosened. 

Spacing between words and letters is usually fixed 
by default at an acceptable standard set by the software 



Word spacing Minimum 120% Optimum 180% Maximum 200% 
Character spacing Minimum 0% Optimum 2% Maximum 20% 

Spacing between words and letters is usually fixed 
by default at an acceptable standard set by the 
software manufacturers. Spacing is affected by the 
width of the text block (line width or measure). A 
narrow width will give you unsightly spacing with 
white gaps in between. A bigger width will give you 
a more even texture. As a general guide, if word 
spacing is tightened, letter spacing should also be 
tightened. If word spacing is loosened, letter spacing 
should also be loosened. « Spacing between words 
and letters is usually fixed by default at an 



Word Spacing Minimum 150% Optimum 200% Maximum 220% 
Character spacing Minimum 2% Optimum 10% Maximum 50% 

Spacing between words and letters is usually fixed 
by default at an acceptable standard set by the 
software manufacturers. Spacing is affected by 
the width of the text block (line width or measure). 
A narrow width will give you unsightly spacing 
with white gaps in between. A bigger width will 
give you a more even texture. As a general guide, 
if word spacing is tightened, letter spacing should 
also be tightened. If word spacing is loosened, 
letter spacing should also be loosened. Spacing 
between words and letters is usually fixed by 



Technical Note : QuarkXPress 3.0 • Helvetica 9/12 points, no auto hyphenation 




Typography 



Page set-up 



1 



THE COLUMN 



**The column is a 
*piUar' of continuous body type. 
Most publications 
have two to five colutnns. 



M<k> piMicaI>nr» hj«r r»n »> fnr oilunitt. 
Ur^'. cachcotjsm Hfckh UviuU hr S 

Mkl 10 wdlthivjl hO lit ICI •tur> 1 rT«l 
fuprr^ hi«r lr« «Kt NaA.t a««r hc- 

•»r-m lows ([TB »Ktcf « ihc notnOrt <* wi>r1% 
pa bnr tnrn-M-i h> nukr n-aJnpi fjM an] 
i(aril<)CUhir. hhon bnn nml Irsw lrj<hn« The 
itihin«i n j ptlbr innunumn l«aly lypr 
Mim( pubiK^tkim tuvr twi> Iti hvr <f>liiaiRs 
hlrjUy. ra<h column width clKnikl lir Iwtwyrn % 
ynci 10 wonb (ahnil M) tel HO clMiactrrt) Vrwt 
papm hyvr b^ and i»ikc inxfr Iraduiit ho- 
l»rcii tines (sets wider js ihr niimitef o< wonts 
per line mcccascs m make resJaiK anci 
ifunhiftardr hhiin Im-s niTst lrs« Iradmg TTie 
odumn o a pi3ar' trf oMteiuiwis hod> type 
U'M publicauons haie two hi l\e inluanns. 
ktrsOy. easii cniunn waish sKiuld he hetwetn S 
and 10 wonls lalwcu M tel HO charactetsl 
papers luse less aaxi Ua4s mer laradinit Isr- 
twem bars geo wider as the nurttirr of wnnb 
prf lirwr incTtraws tei ntaki- n>aikn|| (au and 
lomfunalile Short bnrs nml less trading The 
rnluinn is a 'pillar of continimn Imly type 
thM puMicatkJCVC have Iwii in live inliiiims 
klrally. ra< It tidiimn « wklt sIkhiU he hent’cen t 
and lOwonhtahriul M) teiKlcharstirasI News- 
papers hase less ami •■■4s mm- IratlmK !«•- 
Iwern bnes (pts wain as Ihr nuanhrt words 
per lane increases to malu- tracWig law and 
(urAnahtc Jtoi lines need Vrw Iradaig TTlc 
iiAarm as a 'pdiar sieamuuus hod> npe 
Mom (teibfacacjixis base two in 6*e coluona 



Mcally , eashiiduarn wnth daiuM he hetween S 
and 10 wruds rahui m m >t> ilurasiersi News 
papers lusr b-ss anil t«»4s nmre leading lir 
tween tuirs ipets wab-i as iNc numhcf of words 
pet bac increases »i nukr reading fast arsl 
omliittalib' V» 1 « Iins-S neisl levs teadmg. The 
cnicimn » a pilU' id tmcmucus body ly-pc 
Most puNisai.ins lusv two hi fise ccitumns 
biralli.railitiiliimn waUi should be between S 
and l<) wolds tahojirai tel Hiicharacxctsi Nc»v 
papers hate less ami l»«iks mure la<-atbiig U- 
Iween burs jpts water as dm niimhcr of words 
per lute increases to nuke reading fisa and 
cemfonabk- Naur lines rtnsl lew leading Tlw- 

Mosa pcihfaaiKais hasr iwo to fnc oiiurnns 
Idralh rash < 1 4intn w»bh shiaiK! Iwr between t 
and to words lataui tar ui Mnsharactcni News- 
piprts luse less and hia4s more leading he 
tween Imrs jjris wwlrt as d»* numher of words 
pet line incieasrs to nuke reading fast and 
cottiforuhlr short Uno mesl h-ss leasfcng The 
ciguitiai cs a (sllaa of concinunus body type 
Most puhlwawuis fuse Iwss to five columns 
Idc-allV.eaclKiiliiinn wiclih siKaihl lie twlwisn S 
and to wcifds talawl ra) to W charactcrsl News 
papiTs lijvir bs-ss and taaiks naire leading lie- 
tween bnes gets walrt as liar naamher of words 
prr bnc me leases te> make reading fa-a and 
comfoitahle shun lines need less k-adirig 
Ncwspa(wrs hasr Iras aral Isa4s mote. Ttie 
cofumn IS a pillar cf esvenexus laxly Ispr 
kteni puhlataaaais base lw«> lo fise cobamns 
IdcaOi-eachcolunn widcli should Isr tsrrween S 



2 columns 



THE 

COLUMN 



**The column 
is a *pillar* of 
continuous 
body type. Most 
publications 
hare tico to 
five columns. 



TTu- rnltimn is a ]altir* <f ion 
iiniHKis body type kUwl pulfe 

ontiss Ubsath. c-Jta ccilunin 
wkMi stawikl lie betwrm Sand 
to word I about <f> o flO char- 
atiersl \ews|upets base bss 
araS las 4s nave leading lie- 
tween Imcs gets wajet as the 
isurifvT <g wlvds jvT tor Bl- 
and comfortable bhoct Lnes 
mvd b'ss budmg T!ir ci4amn 
IS a iwllai' nf continaocu body 
i||ie .VIoii puMiraliiircs base 
two tel live columr<s Ideally, 
I'jch column width should be 
Ivtwes-n *1 and 10 words (about 
m lo »«l tharaslets) Newsfia- 
Jins luce less and hooks mote, 
leading between lines get* 
wabs as i)ir nsvrfvr rf wsveks 
pel line uKTrases to make 
reading fan and comforuble 
Nam lines ored less leading 

linuivis brafy type Most jxihli 
laiHvis fuse two tel five col- 
umns Ick-ally. cadi column 
walili slanikl lie Iviween S aral 
Id w cud* < about 60 » 80 chat- 

tween lines get* wyJct as die 
numlv-t cf words pet bnr ui- 
inrasrs to nuke trading las* 
and comforubie Thort bnes 
nrcsl bus tradmg The cuteimn 
n a jallar <f ronrinunus hialy 



iy|v ,UoM jHililicanins base 
two to five columns. Ideally, 
null Iifiimn wbkh tlaiuld l« 
tvrween S and 1<> wo-ds (about 
60 to to characictsi Newspa- 
jwss lusr Irsa and Iaa4s mem* 
leading lietween I ne* geli 
wwirt as the number cf words 

ic-admg last and collteiitaMe 
Nam Imrs nerd less tcaitng. 
The column n a piltaf cf crxi' 
lima an laaly lyjie. bknt jwibli- 
caiams haye two to Pne csii- 
umns Ideally, each column 
walih sluaikJ la- Iviwren 6 and 
Id Words (ahcHil 60 to 80 
tharacKTs) Newspapers luve 
less aral Iaa4s iiavr leading 
helwem Imrs grts walrr a.s tlie 
nunfa-r <f wimls per law in 

and ciiKifunjble shem bnc* 
nrrd Irsa budsng The coteinai 
IS a ivlUr of tunntswus bcaly 
type Mtial puMlcatJcicu luse 
Iwo lo fisr ci4»nn- kkuUy. 
each cifumn width should be 
latisss-n y and 10 wonls (ahuut 
Wi lo rtl characierst Newspa- 
pers haie less anil laailcr innrc 

walei as the mimbct of wonts 
per line Increase* to make 
leading last and ccirfatublr 
Shrat bnrs need less leasing 
The cc4iim n a pdbi-' if esm 
imuiajs laah type ps«i^ 



3 columns 



THE COLUMN 



^The column is a 
*pillar* of continuous body type. 
Most publications 
have two to five columns. 



The column is a pdlai Mod jaffaa 
if continuous laaJy Iwo lo 'ise 
lype Moalpulitk'Jtiivw bbully. eac 



Word lahuut 60 in 8(1 
ihaiacicrsi Sewspa- 



iween S and 10 words 
lalaail (r) to 80 chaiac- 
icis) Ntsssfujass luce 
IcM and hca4s more 
teading lirtwrm lines 



width should ta- Ir 
iwcen ' and 10 wcada 
lahcajitaii.i8i),lo/as- 
Irrsl Ntsvs|ujHsslusr 
li-ss and taa4s ««ve 
leading hetween lines 
gets wkW-i as the auin 
brr rf wcviU prf line 
Intffjsrs lo nuke-' 
reading fas* and .<aii- 
fcwtjWe sbiHt bnc* 



big fast and comhin 
atiir Shim Bocs ncrsl 
ks* k-asimg The col 
iminisa jatlai- if teal 
linuoiis body tijir 
Mint pub^aitems luce 

Istcally. each column 
Wajdi should he l»- 
lucvn y and to wivds 
I aTsag 6U lo HD charac - 
letsi Siewsfujicts hace 
levs and hooks mote 
leading hetwrm imcs 



leading fast and 
lonable Short 
need b*w kuding The 
column » a pillar' if 
II mli n iiiai * hr id y .type. 



Mom pohbcatkms luc 
Iwo III file c ■ 
Ideally, each 



t ih*”* 

Mv4 pobhcatamsluse 
two lo fnr sofevnns 
Ideally each sounin 
width sNaibl la la-- 



leadmg between Imrs 
jirts Wicks as tbr ncim- 

teading fast and iraii- 
linialilc- Mlott lines 
fass! less kuding Tlv- 
cifumn is a pdiar rf 

Mod jaibiicacions hacc 



Ic-admg hetwevn lines 
Ivr cf wevds pet line 




IWO I'Tf'c.. caumns 



Ideallv. each cifumn 
width shoubl hr lar- 
Iwern S and 10 wsvds 
(alaaf buiii8Uclurai • 



a pilUr cf 
tsjcb tyjx- 
Mesg puhbcaiams base 
Iwo lo free caiemms. 
Idc-alli. each ofuron 
alth should be he 



4 columns 



THE COLUMN 



‘T/ie coUunn is a *piUar* of 
continuous body type. Most 
publications have two to five 
columns. Ideally^ each col~ 



between lines jgts fan and comfon- 
wider a* ihr atfr NkM lint's 
numia-r if wonK oeril k*s trading 

lo nukr leading 'jalltr cfcoramu- 
laM istel csmfim' ous Nalr type 
Mur* pubhcaticms 



ous body lytir 
Mini iHiWaatlcms 
luve two lo live 
colunlns hb-ally. 
cash column 
wiillh slaaikl la- 
latwem yand III 



iTidri as Ihr 
ncinfwt cf wsnls 



1 make teadmg pdlat cf ci 



-|Mllat ifcominu 
o«s laaly lype 
Most |iuhticaikm.s 



cifucmt kteany. 
each colurin 
wStkh should la> 
laiwem 5 and 10 
word! (ahcMi 6(» 
isi HI) duractets) 
Newspapen have 
les.t and book* 
more. Leading 
between Imcs gets 



Srwsjuprrs luce 
lr*i and Iaa4s 
inuie leading 



SrwspaJciTi base I 
less and Iaa4s | 
Leading I 



nrcsl k-ss k-ading pit In 



latwiTsc bnes gits 



(wt Ime increases 
to nuke iracBng 
fas* and comfim- 
atfr Mam bnrs 
mast b-vi leadmg 
The tnlcxwi is a 
-pillar’ rf fimtittu- 
iMs baly lyp* 



TTk- nfumn is a 
jallar if nuyinu 
cais laaly type. 
Mon pcihheawns 
base two to fise 



nnst brew leading 

Txllar' cf iontlnci- 
ous bcaly lyjK", 
Mini puhllcatteins 

nduinns Ideally, 
rash column 
wtelch ifaiuld be 



lo 80 ehancters) 
Newspapers hass- 
ti-ss and bucks 



o fice 

column*. Ideally, 
each c-olumn 
whkb should be 
between S and 10 
wcmls talaiul <f> 
lo HO ihataoets). 
Newspapets have 
let* and books 



fast artel sarafcvt- 
alfr Mam bnes 
netsi kws budkig 
bewsjuprts have 
lea* and books 



5 columns 



Your master page should contain the grid to guide you in your page layout. Put in only the repeat elements like folios, running heads or boxes when planning your master 
page. A good guide to leading is that the wider the column the more leading we give to the type. The typeface should be smaller for narrow column. 







IAA.C- graphics* 

Scale factor 
Helvetica 

'""‘s Muqle Expanding type 
“"m Cilw| Expanding type 

m Condensing type Expanding type 
m Condensing type Expanding type 
Condensing type Expanding type 
7« Condensing type Expanding type 
Condensing type Expanding type 
m Condensing type Expanding type 
"s Condensing type Expanding type 



Scale factor 

Helvetica 

Expand 

180% 



170% 



160% 



150% 



140% 



130% 



120% 



110 % 



Normal 

100 % 



Horizontal scaling in Freehand 3.1 , PageMaker 4.2 or QuarkXPress 3.0 stretches or condenses text by percentage. Type condensing or expansion is atvi/ays fun to play with 
on the MAC. Take care to ensure that your printed message is readable (unless you intentionally plan to tease your readers). Use the original unstretched face as it is specialty 
designed to maintain its readability. 




Typography 



Tvoe distortion 




Text: Combination of different styles and shapes. 

Shape # 14 of 35 Oval: Shape # 1 of 35 

Style #6 of 35 Style #18 of 35 

Font Helvetica Bold Customise Style: Starburst fill. 

Shaper Tool to amend shape further. Shaper Tool to amend shape further. 



Distorting type can add drama and visual impact. Do not go for effect for effect sake but ensure that such manipulation is appropriate to the task or project. Check for 
readability too unless your intention is to use type to create patterns. TypeStyler has a palette of 70 defaulted styles and shapes techniques. You can also customise the 
style or pattern-fill to suit your purpose. The above effects were done using TypeStyler 1.5. 



EH 




graphics' 




Letter B: Scanned image 'pasted inside’. 
Background: 50% spot color. 50% Black. 




Letter B: Line art ‘pasted inside’ on 
90% spot color, 40% Black. 
Background; None. 

Keyline : Hairline. 




Letter B: Default pattern in 
95% spot color, 50% Black. 

Shadow B: Default pattern in 40% Black. 
Background: Default pattern in 30% spot color. 




Letter B (rotated 45°) : Radial from 
80% spot color 30% Black to White. 
Bowls of Letter B : Radial from 40% spot 
color to 50% spot color 30% Black. 
Background: Radial from 40% spot color 
to 50% spot color 50% Black. 




B is filled with desired color ‘pasted 
inside’ Va of another colored 
background. Repeat steps 2 times 
using other colors. 




Letter B: Constructed and filled with solid 
spot color, skewed to the desired angle. 
Background; Graduation from 90% spot 
color to white at 0°. 




Letter B : Text ’pasted Inside’. 
Background: 80% spot color. 30% Black 
in desired Pattern Fill. 




Letter B : Lines blended in parts with 
desired color. 

Background: Graduated from 10% to 
60% Black (Linear). 




Outline Letter B (rotated 45°): Blended from 
20% spot color to 90% spot color 40% Black 
in 100 steps. 

Background: 50% spot color. 50% Black in 
desired Pattern Fill. 



These nine letters are created with Freehand 3.1 










Typography 



Special effects 






• type a letter of your choice • clone using 
Command + = • then rotate by using the 
Rotation tool to the desired position 

• duplicate using Command + D to create 
the circular shape as illustrated here 



• type text • clone using Command + = 

• using Reflection tool, click horizontal 
axis • convert reflected text to paths 

• graduate by using Fill and line in 
Attributes menu • repeat process for the 
above reflected effect 



reri 








• type in text • convert to paths from Type 
menu • split element from Element menu 

• place each letter overlapping another 
one at a time • then join all letters using 
Joint elements in Element menu 
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graphics'" 



mhated a year or so after his birth; leaving .. 

HANNAH'S STAGE CAREER WAS OVER BY THEN AND SEVEh^ 

. STRUGGLED TO MAKE ENDS MEET. EVENTUALLY THE STRAIN PRU. 

^AKDOWN FROM WHICH SHE NEVER FULLY RECOVERED. THE TWO BL 
S, AND FENDING FOR THEMSELVES ON THE STREETS OF KENNINGTON IN 
i ON BY A TROUPE OF CHILD ENTERTAINERS, THE EIGHT LANCASHIRE LAL 
TWO YEARS. WITHIN A FEW YEARS OF HIS RETURN TO LONDON, HE SUCCEEl 
iOLMES, AND TOURED IN THE ROLE FROM 1903-1906. IN 1906, CHAPLIN JOI 
URT CIRCUS, IN WHICH HE PERFORMED FOR JUST OVER A YEAR. SYDNEY CHAF 
! 1307 HAD BECOME A MAJOR STAR WITH FRED KARNO'S COMEDY SKETCH C 
; WERE THE BEST IN BRITAIN AND AS MANY AS TEN COMPANIES WERE REGULAI 
:NGAGE HIS YOUNGER BROTHER FOR A SKETCH CALLED THE FOOTBALL MATCH Al 
0, WAS A STAR AHRACTION. IN SEPTEMBER 1910, CHAPLIN EMBARKED ON A 
INO COMPANY, STARRING IN SKETCHES SUCH AS MUMMING BIRDS AND A NIGHT 
JED BY AMERICAN AND WERE KEEN TO RETURN. THE OPPORTUNITY CAME IN ( 

RRANGED. IT WAS NINE YEARS BEFORE HE RETURNED TO HIS HOME COUNTRY. I 
CA, CHAPLIN WAS APPROACHED BY THE KEYSTONE FILM COMPANY, RUN BY MACI 
3URING, WELCOME THE OPPORTUNITY TO WORK IN A NEW FIELD AND, ON 16 DEC 
.. ««mun BEGAN HIS FILM CAREER. HE WAS INITIALLY UNEASY ABOUT THE MOVE. THE FRi 
3NE COMEDIES WAS AT ODDS WITH CHAPLIN'S MORE SUBTLE AND CAREFULLY>PACED STAI 
IT, MOSRY LASTING TEN MINUTES, AND WERE RELEASED AT THE RATE OF TWO A WEEK. THEY w..... . 

Xm ALMOST ALWAYS ENDED IN A CHASE. CHAPUN'S FIRST FILM WAS MAKING A UVING. IN HIS SECOND, KID Ac 

ENICE, HE ADOPTED THE C05^ 'AS TO MAKE HIM WORLD FAMOUS. BY THE SPRING OF 1914, CHAPLII 

STARTING TO DIRECT. IN A’ KFYSTONE FILMS DURING HIS ONE-YEAR CONTRACT. IT PROVED / 

APPRENTICESHIP. THE PU 
ARITYWERE DEVELOPEF 
k SALARY FAR GREATER 
ST FILM FOR ESSANAY,/ 

ED BACKTOCALIFORNI 
MG LADY AND THE PRf 
NCISCO. CHAPLIN W 
VPLIN NOW DIRECT 
7 TO PAY MORE 
\S HE IN HIS WO 
IREAT CHAPLIN 
^Y MISFORTUI 
"ENT; HE W/ 

• STORM 

Ql Cf 



I' 



I Of Emsu 



M n lOBHia. ATTBEMf 

ijotr 

ADB^ tJORSTARWn. 

nr ^EO KARNO TO ENGa 

nr <KB) ON A 19-MONTH TOU 

.<EN TO REIUIH THE OPPOt. 
/ iMERICA ' APink ^APPRC 
.j^BERlS (8IBI* CONTRA 
*T«EANOC ‘WUJ4 iOSTA'^ 
MNACHh.-.CWUN‘SRP 
ALSO STARTING TO DIF 
■-'«6 



...Ufa BPOi. 



.dmowmimoBajL. 

THBEUDA 

CftREtM Mi«t> V 

.icGUtARLYONTL 
.»EPTEMBER1S1Q.CHA. 
4NATEO PV AMERICAN Ai. 

.G THE ' 4K0 «RNO Tf 

ORKW atm AND 
^ATCD. rraCHALlN 
^NARCKItMOilLMO! 

*'V THE SPRING r 



'GROWING FAST AND CHAPLIN'S SKILI 
' *^ILM COMPANY APPROACHF 
HAT IT WAS TIME TO M'* 
AGO STUDIOS BUT CP 
J BEN TURPIN. HE N' 

:retary,ednap' 

E HIM FOR THE 
TO BLEND COF 
1ING MORE D 
^ULARITY:r 
IRCUS. THE 
:, 0BTAI^ 

RS: 



.«NEXTt.. 

TMO««*Sv 



i OOm VKBU. II JUN 
^tMKICNLTIIlIJnTOIl 
.•ama DiiuiEBejuii ii m 
im euMflra lauunia a 
HD 01 A nar Hm CAUiD A 

« ini. NV — mi Ainn 

• •uARL'fc 

dUNE 1943. HOWEVER. DIO 
.tiUTH IN LONDON. HOWEVER. MOUN 
HAT COUNTRY. KF SPTS*' WITH HIS FANv 
OFF. RNAi^Y SfeVERMG KIS TIES WITH ’ 
“'•VALENT PARANOIA OF THE 
"AST INC* ■*«r *' 



Technical Note : FreeHand 3.1 • draw an outline of Chaplin face, making sure that the path is closed • using the Text tool, type your text in the dialog box, specifying the 
font, size and leading • place text block over the image outline • select the text and choose Cut from Edit menu • select the outline and choose Paste inside from the 
Edit menu • go to Fill and line from the Attributes menu and choose None for the line weight • click OK 
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Special effects 
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Graphic designers generally are careful not 
to overdress their design. Special effects, as 
the name implies, should be used for special 
occasions only and therefore with caution. 

Do not be enticed into using effects for 
effects' sake. The final objective is the 
aesthetic appeal and clarity of your message. 
Type can be shaped to fit circle, rectangle or 
any path that you can draw. You can also play 
with the positive and negative of type, 
thereby providing counter-weight or contrast. 
Type can also be slanted in either direction to 
provide contrastive texture to your body of 
type. Used with care, special effects can 
have clarity and strong visual impact Used 
indiscriminately, it can create visual chaos. 
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Technical Note : PreeHand 3.1 • draw a small circle • next draw three or more circles, increasing radius of each, ungrouping all of them • align circles on alternate top 
and bottom using the Alignment command in Elements menu • cut each circle in half at top and bottom points using Knife tool • remove half circles you do not need 
• select remaining half circles two at a time and join them using Join Elements command in the Elements menu • select text and spiral, bind them using Join Elements 
command. 
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Tint type on tint background. 
Page 46 
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When you have screen type in 175 lines, 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated, ft' When you have 
screen type in 1 75 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 


When you have screen type In 175 lines, 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up 

Check the good and bad results 
as illustrated, ft' When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 


When you have screen type in 175 lint 
you can hardly notice the dots. But when t 
type has a screen of 35 lines per Inch, t 
structure of the typeface, especially wh 
it is 8 points and smaller, will break i 

Check the good and bad resul 
as illustrated, ft' When you ha\ 
screen type in 175 lines, you Cc 
hardly notice the dots. But wh€ 

the type has a screen of 35 line 



" When you have screen type in 175 Tines," 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated, ftf When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 


^^¥hen you have screen type in 175 lines, 
you can hardly rwtice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typefa^ce. espedaily when 
it Is a points and smaller, wilt break up. 
Check the good and bad results 
as illustrated, W When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 


" When you have screen type in 175 line 
you can hardly notice the dots. But when 1 
type has a screen of 35 lines per inch, t 
structure of the typeface, espedafly wh 
it is 6 points and smaller, will break i 

Check the good and bad resul 
as Illustrated, 'ft When you ha\ 
screen type in 175 lines, you c€ 
hardly notice the dots. But wh€ 
the type has a screen of 35 lint 



Type on difterent line screens. Page 42 
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Screen type is another way of adding color 
to type. The legibility of type depends on its 
size and its contrast value to its background. 
For example, you have a screen type of 
70% on a 1 0% screened background. This 
palette gives you an idea of its legibility 
rating in positive and negative screen type, 
r Scieen type Is another way of adding color 
to type. The legibility of type depends on its 
size and its contrast value to its background. 
For example, you have a screen type of 
70% on a 10% screened background. This 



Screen type is another way of 
adding color to type. The legibility 
of type depends on its size and its 
contrast value to its background. 



Tint type on positive / negative 
background. Page 45 



Hilvtiu t po«t '« The ‘«wennaM' o> tw 156 kn» tenon mafcas btack type assy Id wad «fKii prvitad ow it The tiMilctn onty MtCM 
«twn me rypa QMi pipgrnwveiy tfneaer R «thaiolgw not aOMUbieiouae email black type on tewan beckQtouno il you New to. by « 
txM Mm Mnl toc« W« HeivMca SmoA rewene aNis type ort kght soMn backgtound oi 20% bieck a dAcUi 19 fcri Mtkn you 
laiMtion but iry to uM • line line loeen ol not leu then iS3 Inee per inch. 9 The evennau' o4 the ISO hne «a«en nuku btoch type 
ouy to read when printed mer a The probtem only antat when the type gets progrtssivety smeler it a therefore not edvissbte to use 
smell bleA type on screen bediground. M you Iwm to. try a bold ser» serif (ace Ike Heivetlea Gme> reverse ehBe type on IgN screen 
background of 20% Week la ditflcult to read. Make your eelsction but try to um a fine line screen of not teas than 133 lines per 
Inch. V The ‘evenness* of the ISO Urte s cree n makes black type easy to rood when printed over It The problem only arises when 
the type gets progresaivety ematlee. It Is therwferw net edvHehla to use emeM block type on screen bochgrewnd. 
M you hevo to. try e bold eons eorft loco like Hetvetice. Smob rwvereo rehlte type en light eerwon bockyreund el 



Type and tints 

TYPE LEGIBILITY ON TINTS 

Positive type on different tints 
Negative type on different tints 
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Hehshca > pomi d The 'evenness' ol (he tSO kne screen mtfies black t%asy to reed when prmt«d over it The ptootom 
only arises when the type eets progresilvely smalSer. It is theretoro not sdvissMi to uw smalt bUicV. type en screen 
bedegtound. II you have to. try a bold sans aertf lace tite Helvetica. Small reverse wtute type on liptd screen bockoround 
of 20% black is difficult lo read. Make your selecbon but try to use a fine hne screen of not less than 133 bnes per inch '1' 
The ‘evenness' of the ISO tine saeen makes btsek type ea^ to read when printed over It The problem only arises when 
the type gets progresshraly smaller. It Is theretore not advisable to use small black typo on screen backgrouid. If you 
have to, Iry a bold sans serif face Ilka Helvetica. Small reverse white type on light screen background of 20% 
black Is difficult to read. Make your selsctlon but try to use a fine line screen ol not less than 133 lines per inch, 
d The 'evenness' of the ISO line screen makes black type easy to read whan printed over it. The 
problem only arises whan tha typa gats progressively smaller. It Is therefore net advisable to use 

Hdwtica g point i‘ The ovennoss' ol the 150 line screen makes black type easy to read when printed over it. 
The problem only arises when the type gets progressivety smaller It is theretore not advisable to use small 
black type on screen background. If you have to, try a bold sans serri face like HeKetica Small reverse 
white type on light saeen background of 20% black is diSicutt to read. Make your selection but Iry to use a 
fine line saeen of not less than 133 lines per inch. « The 'evenness' of the 150 line saeen makes black type 
easy to read when printed over iL The problem ordy arises when the type gets progressively smaller. It is 
therefore not advisable to use smaJI black type on screen background. If you have to. try a bold sans 
serif face like Helvetica. Small reverse white type on light screen background of 20% black Is 
difficult to read. Make your selection but try to use a fine line screen of not less than 
133 lines per inch. t‘ The ‘evenness* of the 150 line screen makes black type easy to 



Type on different line screens 


42 


Tint type on positive / negative 


44 


background 




Tint type on tint background 
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Hdv«tK 4 lopowi'^' The 'evenness' of the 150 line screen makes black type easy to read when pnnted 
over It. The problem only arises when the type gets progressively smaller. It is ihore'ore not 
advisable to use small black type on screen background. If you have to, try a bold sans serif 
face like Helvetica. Small reverse white type on light screen background of 20% black is difficult to 
read. Make your selection but try to use a fine Kne screen of not less than 133 lines per inch. •’ 
The 'evenness' of the 150 line screen makes black type easy to read when printed over H. The 
problem only arises when the type gets progressively smaller. It is therefore not advisable 
to use small black type on screen background. If you have to. try a bold sans serif face like 
Helvetica. Small reverse white type on light screen background of 20% black is 
difficult to read. Make your selection but try to use a fine line screen of not 



Positive type on different tints. Page 38 




Tint consists of dots of a color (usually process 
color). The size and number of dots within a 
specified area determine the shade or value of the 
color. Tint or screen is calibrated from 5% to 100% 
as shown in our process color charts. When limited 
to T or 2-color printing, using tint Is one v/ay of 
adding ‘color* to an otherwise stark solid color on 
your pages. You can apply tint to type, lines, boxes 
or any other shapes or scanned images that you 
have on the MAC. 




MfKC- graphics 



Helvetica 7 point « The 'evenness' of the 150 line screen makes black type easy to read when printed over it. The problem only arises 
when the type gets progressively smaller. It is therefore not advisable to use small black type on screen background. If you have to. try a 
bold sans serif face like Helvetica. Small reverse white type on light screen background of 20% black is difficult to read. Make your 
selection but try to use a fine line screen of not less than 133 lines per inch. « The ‘evenness’ of the 150 line screen makes black type 
easy to read when printed over it. The problem only arises when the type gets progressively smaller. It is therefore not advisable to use 
small black type on screen background. If you have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen 
background of 20% black is difficult to read. Make your selection but try to use a fine line screen of not less than 133 lines per 
inch, The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. The problem only arises when 
the type gets progressively smaller. It is therefore not advisable to use small black type on screen background. 

If you have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen background of 

Helvetica 8 point The 'evenness' of the 150 line screen nnakes black type easy to read when printed over it. The problem 
only arises when the type gets progressively smaller. It is therefore not advisable to use small black type on screen 
background. If you have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen background 
of 20% black is difficult to read. Make your selection but try to use a fine line screen of not less than 133 lines per inch. 

The ‘evenness’ of the 150 line screen makes black type easy to read when printed over It. The problem only arises when 
the type gets progressively smaller. It is therefore not advisable to use small black type on screen background. If you 
have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen background of 20% 
black is difficult to read. Make your selection but try to use a fine line screen of not less than 133 lines per inch. 

‘if The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. The 
problem only arises when the type gets progressively smaller. It is therefore not advisable to use 

Helvetica 9 point ‘e The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. 

The problem only arises when the type gets progressively smaller. It is therefore not advisable to use small 
black type on screen background. If you have to, try a bold sans serif face like Helvetica. Small reverse 
white type on light screen background of 20% black Is difficult to read. Make your selection but try to use a 
fine line screen of not less than 133 lines per inch, if’ The ‘evenness’ of the 150 line screen makes black 
type easy to read when printed over It. The problem only arises when the type gets progressively smaller. It 
is therefore not advisable to use small black type on screen background. If you have to, try a bold 
sans serif face like Helvetica. Small reverse white type on light screen background of 20% black is 
difficult to read. Make your selection but try to use a fine line screen of not less than 
133 lines per inch, 'm The ‘evenness’ of the 150 line screen makes black type easy to 

Helvetica 10 point The ‘evenness’ of the 150 line screen makes black type easy to read when printed 
over it. The problem only arises when the type gets progressively smaller. It is therefore not 
advisable to use small black type on screen background. If you have to, try a bold sans serif 
face like Helvetica. Small reverse white type on light screen background of 20% black is difficult 
to read. Make your selection but try to use a fine line screen of not less than 133 lines per inch. 

The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. The 
problem only arises when the type gets progressively smaller. It is therefore not advisable 
to use small black type on screen background. If you have to, try a bold sans serif face like 
Helvetica. Small reverse white type on light screen background of 20% black is 
difficult to read. Make your selection but try to use a fine line screen of not 

Background : tint value 20% black 30% black 40% black 

The choice of type size against varying screen percentage as a background affects legibility or clarity of type. The balance between the size of type and screen background 
(for ‘type-efficiency’ or the desired mood of the message) is the task of a good graphic designer. The examples above show solid black type on 20%, 30%, 40%, 50%, 
60%, 70% of black tint background. The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. The problem only arises when the type gets 
progressively smaller. It is therefore not advisable to use small black type on screen background. 





Type and tints 



Positive type on different tints 



Helvetica 7 point The 'evenness* of the 150' Hne screen makes black type easy to read when prMied ii 
when the type gets progressively smaller. It is therefore not advisable to use small black type on screen backg^rotind. If you have to. try a 
bold sans serif face like Helvetica. Small reverse wnite type on light screen background of bl^ck :s d4featt to rsd. Mske your 
selection but try to use a fine line screen of not less than 133 lines per Inch. The 'evenness* of the 150 fine-screen makes btack type 
easy to read when printed over it. The problem only arises when the type gets progressively smaller. It is therefore not advraable to use 
small black type on screen background. If you have to. try a bold sans serif face like Helvetica. Smi^ reverse wbUe type on lighl screen 
background of 20% black is difficult to read. Make your selection but try to use a fine line screen of not less than lines per 
inch. The ‘evenness’ of the 150 line screen makes black type easy to read when printed over It. The p to toi cm arises wtieii 
the type gets progressively smaller. It is therefore not advisable to use small black type on trrrtm faackprannrit 
If you have to, try a bold sans serif face like Helvetica. Small reverse white type on Kght acrwen bnokgmnri of 

Helvetica 8 point wi The ‘evenness’ of the 150 line screen makes black type easy to rsad when printed over it. The problem 
only arises when the type gets progressively smaller It is therefore not advisable to use small bisck type on scagen 
background. If you have to, try a bold sans serif face like Helvetica. Small reverse. type on lt§ht sci^n background 
of 20% black is difficult to read. Make your selection but try to use a fine line screen of isa less than 133 lines per inch. *0 
The ‘evenness’ of the 150 line screen makes black type easy to read when printed ovar it. The prtiilam m)\y m\ses 
the type gets progressively smaller. It is therefore not advisable to use small black on screen bacl^ound. If you 
have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen baelHp^eitfid d 20% 
black is difficult to read. Make your selection but try to use a fine line screen of not less than tS I1f«s per mil. 
« The ‘evenness’ of the 150 line screen makes black type easy to read aiben pri nte d mar it. The 
problem only arises when the type gets progressively smaller. It is Uiere^e Mt jidvisahlo ho msm 

Helvetica 9 point « The ‘evenness’ of the 150 line screen makes black type e^y to read printsd over it. 
The problem only arises when the type gets progressively smaller. It is therefore not atMsabte to use small 
black type on screen background. If you have to, try a bold sans serif face lite Helvetfea. Small reverse 
white type on light screen background of 20% black is difficult to read. Make your selection buit^ to use-.a 
fine line screen of not less than 133 lines per inch. W. The ‘evenness’ of the 150 line screen makes bkmsk 
type easy to read when printed over it. The problem only arises when the type .gets |wi3gfessiveiy ^aHte^ It 
is therefore not advisable to use small black type on screen backgnwod. if yeti have ^ try a told 
sans serif face like Helvetica. Small reverse white type on light screen background of 20% bl^k ^ 
difficult to read. Make your selection but try to use a fine line screen of not leaa than 
133 lines per inch. The ‘evenness’ of the 150 line screen makes black type easy to 

Helvetica 10 point 'f?’ The ‘evenness’ of the 150 line screen makes black typ^r easy to read when printed 
over it. The problem only arises when the type gets progressii^^ smaller. It is tNerteore not 
advisable to use small black type on screen background. If you to, try a bdd steis serif 
face like Helvetica. Small reverse white type on light screen background of 20% blae^ is difficult 
to read. Make your selection but try to use a fine line screen of not less than 1^ itncs fm inch, m 
The ‘evenness’ of the 150 line screen makes black type easy to read when prifted ovar it. Tfw 
problem only arises when the type gets progressively smaller. K is thareioTB not adviaiite 
to use small black type on screen background. If you have to, try a bold sans serif Ace like 
Helvetica. Small reverse white type on light screen background of 20% Is 

difficult to read. Make your selection but try to use a fine Kne screen of hot 



Background : tint value 50% black 60% black 70% black 

Technical Note ; FreeHand 3.1 • draw three rectangles side by side on each page • go to Fill and line in the Attributes menu, specifying the tint value • define type 
area with the Text tool and type text in the dialog box • specify your font, point size, etc (Note : Typeface used above - Helvetica Light. Helvetica. Helvetica Bold. 

Helvetica Black • point size : 7, 8. 9. 10 points) 

MM 



MAC -graphics 




typo printed over it. The problem only arises 
i BW ^.iP- W on screen background. If you have to. try a 

bright 8^ 20% black is difficult to read Make your 

IkHPft of the 150 line screen makes black type 

6n pens smaller. It is therefore not advisable to use 

Small reverse white type on light screen 
screen of not less than 133 lines per 
^Wted over It. The problem only arises when 
,tp black type on screen background. 

Btalir.pAM type on light screen background of 



when printed over it. The problem 
1^1^ 1| -lb to use small black type on screen 
p white type on light screen background 
try to a fioe^ of not less than 133 lines per inch. W 

wfionf^ over it. The problem only arises when 

b^ck type on screen background. If you 
on light screen background of 20% 
of not less than 133 lines per inch, 
read when printed over it. The 
IM therefore not advisable to use 



lo read when printed over it. 
%Tiaifev^^ not advisable to use small 

face like Helvetica. Small reverse 

SiiM W'4f the 150 line screen makes black 

type gets progressively smaller. It 

^^■n|||liU|M If you have to, try a bold 

ilBfflt M’eeii background of 20% black is 

to use » lin« line screen of not less than 
140 Nile >Ctc| ln makes black type easy to 



■ HhQ screen mak^^b^^type easy to read when printed 
fhe type gets ph|§^^ely smaller. It is therefore not 
on screen backgrour^^f ^ have to. try a bold sans serif 
NiBtype on light screiin It^kground of 20% black is difficult 
^Ke a fine line screm of not less than 133 lines per inch. ‘W 
j|n makn black type easy to read when printed over it. The 
||H^|^^^yesshBly amaller. It is therefore not advisable 
le^^lrouncl. if yeu have to* try a bold sans serif face like 
on Ughft serom background of 20% black is 
■meHon but try to »e a fine line screen of not 



Helvetica 7 point 



Helvetica 8 point 



Helvetica 9 point m 



Helvetica 10 point '« 



Background : tint value 20% black 



Use of reverse white type affects the overall color of the page. It is like adding white paint to a dark area. The overall mixture looks paler. Even the background 
tint appears to be lighter. Compare this page with page 41. 
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Type and tints 



^The evenness’ of the 150 line screen makes black type easy to read when printed over it. The problem only arises 



when the type gets progressively smaller. It is therefore not advisable to use small black type on screen background. If you have to, try a 
bold sans serif face like Helvetica. Small reverse white type on light screen background of 20% black is difficult to read. Make your 
selection but try to use a fine line screen of not less than 133 lines per inch, 'ft' The ‘evenness’ of the 150 line screen makes black type 
easy to read when printed over it. The problem only arises when the type gets progressively smaller. It Is therefore not advisable to use 
small black type on screen background, if you have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen 
background of 20% black is difficult to read. Make your selection but try to use a fine line screen of not less than 133 lines per 
inch, ft’ The ‘evenness* of the 150 line screen makes black type easy to read when printed over it. The problem only arises when 
the type gets progressively smaller. It is therefore not advisable to use small black type on screen background. 
If you have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen background of 



Helvetica 8 point 



j^The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. The problem 
only arises when the type gets progressively smaller. It is therefore not advisable to use small black type on screen 
background. If you have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen background 
of 20% black is difficult to read. Make your selection but try to use a fine line screen of not less than 133 lines per inch, ft’ 
The ‘evenness’ of the 150 line screen makes black type easy to read when printed over It. The problem only arises when 
the type gets progressively smaller. It Is therefore not advisable to use small black type on screen background. If you 
have to, try a bold sans serif face like Helvetica. Small reverse white type on light screen background of 20% 
black is difficult to read. Make your selection but try to use a fine line screen of not less than 133 lines per inch, 
ft’ The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. The 
problem only arises when the type gets progressively smaller. It is therefore not advisable to use 



The ‘evenness' of the 150 line screen makes black type easy to read when printed over it. 
The problem only arises when the type gets progressively smaller. It is therefore not advisable to use small 
black type on screen background. If you have to. try a bold sans serif face like Helvetica. Small reverse 
white type on light screen background of 20% black is difficult to read. Make your selection but try to use a 
fine line screen of not less than 133 lines per inch. « The ‘evenness’ of the 150 line screen makes black 
type easy to read when printed over it. The problem only arises when the type gets progressively smaller. It 
is therefore not advisable to use small black type on screen background. If you have to, try a bold 
sans serif face like Helvetica. Small reverse white type on light screen background of 20% black is 
difficult to read. Make your selection but try to use a fine line screen of not less than 
133 lines per inch, ft’ The ‘evenness’ of the 150 line screen makes black type easy to 



Helvetica 10 point ' 



CfThe ‘evenness’ of the 150 line screen makes black type easy to read when printed 
over it. The problem only arises when the type gets progressively smaller. It is therefore not 
advisable to use small black type on screen background. If you have to. try a bold sans serif 
face like Helvetica. Small reverse white type on light screen background of 20% black is difficult 
to read. Make your selection but try to use a fine line screen of not less than 133 lines per inch. 
The ‘evenness’ of the 150 line screen makes black type easy to read when printed over it. The 
problem only arises when the type gets progressively smaller. It is therefore not advisable 
to use small black type on screen background. If you have to, try a bold sans serif face like 
Helvetica. Small reverse white type on light screen background of 20% black is 
difficult to read. Make your selection but try to use a fine line screen of not 



Background ; tint value 50% black 



Most \A/hite text works well with black screen value of 50% and above as illustrated here. For best results, it is best to avoid script face, fine serif face e.g. Bodoni 
or thin face, unless the type size is big enough. 
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: you have screefi type in 175 lines, 

• you can hardly notice the dots. But when the ; 
I' type has a screen erf 35 tmes per iwh, t^^ 

• stiucUjfe of the typeface, especially when 
It Is 8 points and smaller, witt break up. 

Check the good and bad results , 
as illustrated. %’ When you have - 
screen type In 175 tines, you can - 
hardly notice the dots. But when 
lhe,^e has a screen of 35 lines 

i I'&i. 



When you have screen type in 175 lines, 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, Ihe 
structure of the typeface, especially when 
It is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. « When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 






Tint value : 30 black Screen rule : 35 Ipi 



Tint value ; 30 black Screen rule : 65 Ipi 









Tint value : 30 black Screen rule : 100 Ipi 

Whah: you jhai^ setEsn type in 175 linos,; 
you can hardly noticelhe dots. But when the 
lypo has a screen ot 35 lines per inch, The 
structure of the typefa®, espsEially when 
-it is 8 points and smaller, will break up. 

Check Jhe good and bad results 
as illustrated, ‘if When you haa/e 
screen type1ivl75 lines, you can ; 
hardly notice the dots. Bui when : ^ 
e type has 



you have type in ITS lines/'" 
ycHj can hardly mfj® f he dols^ Bui wh^ 
type has a aowb $5 fees per lich, Ihe 
structure <rf the t^fece, especially whan 
It IS 8 points and emaiier. wii break up. 

Check the ^od and bad resulls 
I -as Illustrated. # you, have •: 
I ^scraeif^pe in 175 lif^* you 
- hardly notice the dots, But when 
I the ^e has a screen of 3S lines 



When you have screen type in 175 lines, 
you can hardly notice the dots. But when Ihe 
type has a screen of 35 lines per Inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. « When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines ; 



Tint value : 60 black Screen rule : 35 Ipi Tint value : 60 black Screen rule : 65 Ipi Tint value ; 60 black Screen rule : 100 Ipi 



When you have screen type in 175 lines, you can hardly notice the dots. But when the type has a screen of 35 lines per inch, the structure of the typeface, 
especially when it is 6 points or smaller, will break up. Check the good and bad results as Illustrated. 



Type and tints 



Type on different line screens 




When you have screen type in 175 lines, 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. « When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 



When you have screen type in 175 lines, 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 



When you have screen type in 175 lines, 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per Inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. « When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 



Tint value ; 30 black Screen rule : 133 Ipi Tint value ; 30 black Screen rile ; 150 Ipi 



Tint value ; 30 black Screen rule : 175 Ipi 



When you have screen type In 175 lines, 
you can hardly notice the dots. But when the 
typo has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 
Check the good and bad results 
as illustrated. When you have 
screen type in 1 75 lines, you can 
hardly notice the dots. But when 
the type has a screeno|35lines 



When you have screen type in 175 lines,' 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 



When you have screen type in 175 lines, 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
It Is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated, r When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen o^35 lines 



When you have screen type in 175 lines.' 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. When you have 
screen type in 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 



When you have screen type in 175 lines, i 
you can har% notice the dots. But when the 
type has a screen of 35 lin® per inch, the | 
structure of tho typofacB* especially when | 
it is 8 points and smaller, will break up. 

Check the good and bad results | 
as illustrated. ^ When you have | 
screen type in 175 lines, you can j 
hardly notice the dots. But when | 
the type has a screen of 35jiinesM 



When you have screen type in 175 lines, ‘ 
you can hardly notice the dots. But when the 
type has a screen of 35 lines per inch, the 
structure of the typeface, especially when 
it is 8 points and smaller, will break up. 

Check the good and bad results 
as illustrated. When you have 
screen type In 175 lines, you can 
hardly notice the dots. But when 
the type has a screen of 35 lines 



Tint value ; 60 black Screen rule : 133 Ipi Tint value ; 60 black Screen rule ; 150 Ipi 



Tint value ; 60 black Screen rule : 175 Ipi 



Technical Note : FreeHand 3.1 • draw rectangular boxes for your tint background • go to Fill and line In the Attributes menu and specify your tint • type your text in 
the dialog box, specifying the font (Helvetica), size (7 and 9 points respectively) and leading • go to Attributes menu and select Halftone screen • choose Default 
for Screen type. 45% for Screen angle and Screen ruling of 35. 65. 100. 133. 150 or 175 lines per inch 
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Screen type is another way ot 
nddiny color to type. I! le legibility 
of iyp'G depefids on its si/e and its 
coiilrasi value to its background. 
For example, you have a screen 
lyoe of 70% on a 1 0% screened 
background, T his palctic oivos yoij 
;,u' idea ot its legibility rating m 

o Sw'Oen lype is aoothoi way o* 

Text tint value : 10% black Text tint value : 20% black Text tint value : 30% black 



Screen type is another way of adding coior 
to type. The legibility of type depends on its 
size and its contrast value to its background 
For example, you have a screen type of 
70% on a 10% sScrccned background This 
palette gives you an idea of its legibility 
rating in positive and negative screen type. 
V Screen type is another v/ay of adding color 
to type The legibility of type depends on its 
size and its contrast value to its background. 
For example, you have a screen type of 
70% on a 10“o screened background. This 

Screen type is another way of 
adding color to type. The legibility 
of type depends on its size and its 
contrast value to its background. 
For example, you have a screen 
type of 70% on a 10% screened 
background. This palette gives you 
an idea of its legibility rating in 
positive and negative screen type. 

Screen type is another way of 



Screen type is another way of adding color 
to type. The legibility of type depends on its 
size and its contrast value to its background. 
For example, you have a screen type of 
70% on a 10% screened background. This 
palette gives you an idea of its legibility 
rating in positive and negative screen type. 

Screen type is another way of adding color 
to type. The legibility of type depends on its 
size and its contrast value to its background. 
For example, you have a screen type of 
70% on a 10% screened background. This 

Screen type Is another way of 
adding color to type. The legibility 
of type depends on its size and its 
contrast value to its background. 
For example, you have a screen 
type of 70% on a 10% screened 
background. This palette gives you 
an idea of Its legibility rating in 
positive and negative screen type. 
« Screen type is another way of 



Screen type Is another way of adding color 
to type. The legibility of type depends on its 
size and its contrast value to its background. 
For example, you have a screen type of 
70% on a 10% screened background. This 
palette gives you an idea of its legibility 
rating in positive and negative screen type. 

Screen type is another way of adding color 
to type. The legibility of type depends on Its 
size and its contrast value to its background. 
For example, you have a screen type of 
70% on a 10% screened background. This 

Screen type is another way of 
adding color to type. The legibility 
of type depends on its size and its 
contrast value to its background. 
For example, you have a screen 
type of 70%o on a 10%> screened 
background. This palette gives you 
an idea of its legibility rating in 
positive and negative screen type. 
« Screen type is another way of 



Text tint value : 40% black Text tint value : 50% black Text tint value : 60% black 



Screen type is another way of adding color to type. The legibility of type depends on its size and its contrast value to its background. For example, screen type of 70% 
on a 10% screened background is legible. This palette gives you an idea of its legibility rating in positive and negative screen type. When type is rendered lighter by 
means of tint, the resolution of the type is weakened. When viewed through a magnifier / loupe the letter T In 7 points type size is made up of no more than 4 dots. 
Take a closer look with a loupe. 






Type and tints 



Tint type on positive / negative background 



Screen type is another way of adding color Screen type is another way of adding color Screen type Is another way of adding color 

to type. The legibility of type depends on its to type. The legibility of type depends on Its to type. The legibility of type depends on its 

size and its contrast value to its background. size and its contrast value to its background. size and its contrast value to its background. 

For example, you have a screen type of For example, you have a screen type of For example, you have a screen type of 

70% on a 10% screened background. This 70% on a 10% screened background. This 70% on a 10% screened background. This 

palette gives you an idea of its legibility palette gives you an idea of its legibility palette gives you an idea of its legibility 

rating in positive and negative screen type. rating in positive and negative screen type. rating in positive and negative screen type. 

• Screen type Is another way of adding color Screen type Is another way of adding color «» Screen type is another way of adding color 

to type. The legibility of type depends on its to type. The legibility of type depends on its to type. The legibility of type depends on its 

size and its contrast value to its background. size and its contrast value to its background. size and its contrast value to its background. 

For example, you have a screen type of For example, you have a screen type of For example, you have a screen type of 

70% on a 10% screened background. This 70% on a 10% screened background. This 70% on a 10% screened background. This 

Screen type is another way of Screen type is another way of Screen type is another way of 

adding color to type. The legibility adding color to type. The legibility adding color to type. The legibility 

of type depends on its size and its of type depends on its size and its of type depends on its size and its 

contrast value to its background. contrast value to its background. contrast value to its background. 

For example, you have a screen For example, you have a screen For example, you have a screen 

type of 70% on a 10% screened type of 70% on a 10% screened type of 70% on a 10% screened 

background. This palette gives you background. This palette gives you background. This palette gives you 

an idea of its legibility rating in an idea of its legibility rating in an idea of its legibility rating in 

positive and negative screen type. positive and negative screen type. positive and negative screen type. 

« Screen type is another way of « Screen type is another way of « Screen type is another way of 



Text tint value : 10% black Text tint value : 20% black Text tint value : 30% black 



Screen type is another way of adding color Screen type is another way of adding color Screen type is another way of adding color 

to type. The legibility of type depends on Its to type. The legibility of type depends on its to type. The legib llty of type depends on its 

size and its contrast value to its background. size and its contrast value to its background. size and its contrast value to its background. 

For example, you have a screen type of For example, you have a screen type of For example, you have a screen typo of 

70% on a 10% screened background. This 70% on a 10% screened background. This 70% on a 10% screened background. This 

palette gives you an idea of its legibility palette gives you an idea of its legibility palette gives you an idea of its legibility 

rating in positive and negative screen type. rating in positive and negative screen type. rating in positive and negative screen type. 

m Screen type is another way of adding color y Screen type is another way of adding color y Screen type is another way of adding color 

to type. The legibility of type depends on its to type. The legibility of type depends on its to type. The legib lity of type depends on its 

size and its contrast value to Its background. size and its contrast value to its background. size and its contrast value to Its background. 

For example, you have a screen type of For example, you have a screen type of For example, you have a screen type of 

70% on a 10% screened background. This 70% on a 10% screened background. This 70% on a 10% screened background. This 

Screen type is another way of Screen type is another way of Screen type is another way of 

adding color to type. The legibility adding color to type. The legibility adding color to type. The legibility 

of type depends on Its size and its of type depends on its size and Its of type depends on its size and Its 

contrast value to Its background. contrast value to its background. contrast value to its background. 

For example, you have a screen For example, you have a screen For example, you have a screen 

type of 70% on a 10% screened type of 70% on a 10% screened type of 70% on a 10% screened 

background. This palette gives you background. This palette gives you background. This palette gives you 

an idea of its legibility rating in an idea of its legibility rating in an idea of its legibility rating in 

positive and negative screen type. positive and negative screen type. positive and negative screen type. 

Screen type is another way of Screen type is another way of « Screen type is another way of 



Text tint value : 40% black Text tint value : 50% black Text lint value : 60% black 

Technical Note ; FreeHand 3.1 * use Rectangle tool and draw two rectangles * click Attributes and select Basic from Fill and line menu • fill both rectangles with 
100% black • select Text tool and type your text in the dialog box. specifying the fonts (Helvetica), size (7 and 9 points respectively)) and leading • highlight text 
block, select Type specs in the Type menu and specify your tint value • click OK 
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Background : tint value 10% black 



MAC- graphics mac- graphics 

MAC- graphics mac- graph iis 



Screen type on screen background needs to be handled with extra care. Make sure you have proofs to confirm legibility before printing. The contrast element must 
be present to make It legible. 



Type and tints 



Text : 
10% B 



20% B 



30% B 



40% B 



50% B 



60% B 



70% B 



80% B 
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40% black 
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Tint type on tint background 



MAO -graphics 
MAO -graphics 

MAO -graphics 
MAO -graphics 
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MAC- praMcs ’ mao- graphics 
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MAO -graphics 

MAO -graphics 
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Technical Note : Freehand 3.1 • draw your tall rectangular boxes for the background tint • click Attributes and specify the tints from the RII and line menu • type in 
your text • select tints for the text from the Type specs sub-menu in the Type menu • click OK 













to bo road easily • WlHr-i usmg type on imago, always try 
to mtegratc me text wilti me irriago protecting a unityng 
whole. H type is biaca, select a lightor area m Rie 
image (tnlerably overly colored). It is not easy to 
raDprriuriteite mosiwsgo on a iwisy' background. 

■ both white (n.gh.i^ts) and t^rknew 




I to be read easily • When us«r>g type on image, always try 

i to imegrate me tent with tne image protecting a unrtymg 

whole. It you' type is black, select a tighter area m the 
image (praferatvy mrenly cdorod) It » not easy to 
commoniBate yogr message on a noisy background, 
ta. an area wrtn both wtvte (tvghbghts) and darkness 

td>ad(wl. TM* IS lyo m oin i s oy ■ a. ei p e ii aw i a 
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Halftone image in type. 
Page 59 



TYPE AND HALFTONE IMAGE 

Type on halftone image 
Tint type on halftone image 

TYPE AND LINE IMAGE 

Type on line image 
Tint type on line image 

IMAGE IN TYPE 

Halftone image in type 



One criterion to successful graphic design is the way 
text and images are integrated as a unifying whole. 
Graphic software is so sophisticated today that type 
and images can be mutated in so many ways. Adobe 
Photoshop, an image processing tool, allows lots of 
creative freedom. The possibilities are limited only by 
your imagination and innovativeness, it is important 
to note as well that production control can also affect 
the final look of your work. You need to comprehend 
tint or screen (Chapter 2) and line screen (Chapter 5) 
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Iftone image 
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lighter ai^ in 

on a ‘noisy’ backgro^^^^SBS^ 

with Both white (highlights) and darl^es^pllR 
This is sometimes overcome by incorporamg a 
drop-shadow on the type. Whether your t^e is 
reverse white or black or colored, graduated or 
patterned, your background on any image, line or 
halftone should provide ample contrast for the text 



P i)n using type WHfiaqe, 

Kgrate the text 
fying whole. If 

§ ar||Lin the 

is easy to 

le on a ‘noisy’ backgrou|HE|^^H|H 

1 white (highlights) and darf^sHPMP|v^. 
This is sometimes overcome by incorjSorawg a 
drop-shadow on the type. Whether your t^e is 
reverse white or black or colored, graduated or 
patterned, your background on any image, line or 
halftone should provide ample contrast for the text 

to be read easily. When using type on image, always try 
to integrate the text with the image projecting a unifying 
whole. If^ypur type Is black, select a lighter area in the 
image (pl||erably evenly colored). It is not easy to 
[‘^ijTimun^pe yoil* message on a ‘noisy’ background, 
pil^^p^^^lfjboth white (highlights) and d ark ness 

overcori^by ir||^^orating .la- 
your white; rw 



to be read easily. When using type on image, always try 
to integrate the text with the image projecting a unifying 
whole. If your type is black, select a lighter area in the 
image (preferably evenly colored). It is not easy to 
communibete yoiir message on a ‘noisy’ background, 
Jie.y- an; area.,.w/ith:|both white (highli|hts) and darkness 5^ 

;(sh^c^:^ T^^ is .^sometimes overconl^by 
dfp^shadow on the type,^^ your 
black or colored, graduated orpafcne<^ 

line or halftone should provjde:^ple-'i^^ 
text to be read easily, if When using type oh image, alway^Sry^^ 
to Integrate the text with the image projecting a, unifying- ww 









Photograph screened to 60% black 



Photograph screened to 80% black 



When using type on image, always try to integrate the text with the image, projecting a unifying whole. If your type is black, select a lighter area in the image, preferably 
evenly colored. It is not easy to communicate your message on a ‘noisy’ background, i.e. an area with both white (highlights) and darkness (shadow). Whether your 
type is reverse white, black, colored or graduated, your background on any image, line or halftone should provide ample contrast for the text to be read easily. 




Type and image 



Type on halftone image 




\, . V. 

I .When using type pn |im always. try togp 
^integrate the text with the..jmage projecting 
pfpr^fying whole. If your typp^black, select a 'fJi 
[ Mighter area in the image {preferably evenly 
‘ colored). It is not easy to communicate your ; - 
message on a ‘noisy’ background, i.e. an area ■ 

with both white (highlights) and darkness (shadow). 
This is sometimes overcome by incorporating a 
drop-shadow on the type. Whether your type is 
reverse white or black or colored, graduated or 
patterned, your background on any image, line or 
halftone should provide ample contrast for the text 

to be read easily. « When using type on image, always try 
to integrate the text with the image projecting a unifying 
whole. If your type is black, select a lighter area in the 
image (preferably evenly colored). It is not easy to 
communicate your message on a ‘noisy’ background, 
i.e., an area with both white (highlights) and darkness 

I . 

I (shadow). This is sometimes overcome by incorporating a 
drop-shadow on the type. Whether your type Is white reverse or 
black or colored, graduated or patterned, your background on any :: 
image, line or halftone should provide ample contrast for the/^:. 
text to be read easily. When using type on image, always try 
; to Integrate the text with the Image projecting a unifying whole. 



When using type on image, always try to 
integrate the text with the image projecting a 
unifying whole. If your type is black, select a 
lighter area in the image (preferably evenly 
colored). It is not easy to communicate your ; 
message on a ‘noisy’ background, i.e. an area | 

with both white (highlights) and darkness (shadow). I 
This is sometimes overcome by incorporating a 
drop-shadow on the type. Whether your type is 
reverse white or black or colored, graduated or 
patterned, your background on any Image, line or 
halftone should provide ample contrast for the text 

to be read easily. « When using type on image, always try 
to Integrate the text with the image projecting a unifying 
whole. If your type is black, select a lighter area in the 
image (preferably evenly colored). It Is not easy to 
communicate your message on a ‘noisy’ background, 
i.e., an area with both white (highlights) and darkness 

(shadow). This is sometimes overcome by incorporating a 
drop-shadow on the type. Whether your type is white reverse or 
black or colored, graduated or patterned, your background on any 
image, line or halftone should provide ample contrast for the 
text to be read easily, ‘k' When using type on image, always try 
to Integrate the text with the image projecting a unifying whole. 



Photograph screened to 40% black Photograph screened to 20% black 



Technical Note ; Mac-GrayScan 1.6, Freehand 3.1 * scan image in Grayscale • open Freehand 3.1 and place your previously scanned document • go to Basic in the 
Fill and line menu and specify your preferred tint percentage • key in the type and size (helvetica 7. 8. 9 and 10 points respectively) • click OK 
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municate the message. It is important to consider 
— the-twe-elementS7 i : e. T-p hotogra p K-and' text ; arrcKry- - 
to integrate them to form a visually satisfying 
composTtioTT Oh these two pa^s we dnahged the 
photograph fro m its origin al value of 100% and 
reduced it to 80%, 60%, 40% and 20% respectively. 

The J 8-p o int display t ype is fixed at Helvetica 40% 

black while the 9-point tint text is fixed at 60% black 



Tint type on 
halftone image 
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black while the 9-point tint text is fixed at 60% black 



Photograph screened to 80% black 



Photograph screened to 60% black 



Tint type on halftone requires sufficient contrast to communicate the message. It is important to consider the tv/o elements, i.e., photograph and text, and try to integrate 
them to form a visually satisfying composition. On these two pages, we changed the photograph from its original value of 100% and reduced it to 80%. 60%. 40% and 
20% respectively. The 18-point display type is fixed at Helvetica 40% black while the 9-point tint text is fixed at 60% black at the top. 40% black for middle text and in 
reverse white for bottom text. 




Type and image 



Tint type on halftone image 
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The 1 8-poto^^^^ He jy etica 40% 

black while the 9-point tint text is fixed at 60% black 
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Tint type on 
halftone image 



Tint type on 
halftone image 



Tint type on halftone requires sufficient contrast to 
communicate the message. It is important to 
consider the two elements, i.e., photograph and 
text, and try to Integrate them to form a visually 
satisfying composition. On these two pages we 
changed the photograph from its original value of 
100% and reduced it to 80%, 60% .40% and 20% 



Tint type on halftone requires sufficient contrast to 
communicate the message. It is important to 
consider the two elements, i.e., photograph and 
text, and try to integrate them to form a visually 
satisfying composition. On these two pages we 
changed the photograph from its original value of 
100% and reduced it to 80%, 60% ,40% and 20% 
respectively. The 18-point display type is fixed at 
Helvetica 40% black while the 9-point tint text is 
fixed at 60% black at the top, 40% black for middle 
text and in reverse white for bottom text. Tint 
type on halftone requires sufficient contrast to com- 
municate the message. It Is important to consider 
the two elements, i.e.. photograph and text, and try 



Photograph screened to 40% black 



Photograph screened to 20% black 



Technical Note : Freehand 3.1 • place your scanned image in Freehand file • go to Basic in the Fill and line sub-menu and specify the tint percentage • key in the type 
and size (helvetica 9 points) • click OK 
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It is unlikely that type on line art will be legible because of the black and v/hite background. We suggest that you concentrate your text on a dark or white area, or any 
evenly colored background. To overcome this problem we can use a second color for the line art. The example illustrates how type In varying sizes respond to second 
color. The type size starts from Helvetica 8 points to 23 points. Bold type will be more legible. Tint type can give more ‘color’ (shade of gray) to your work, but watch 
out for clarity. When using second color, select one in the middle tone that will be legible when you print black type or when you v/ant to use reverse white type. 






Text : 
Helvetica 
8 points 



11 points 



14 points 



17 points 



20 points 



23 points 



Type and image 



Type on line image 
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Technical Note : PageMaker 4.2 • draw a rectangular box and placed your scanned TIFF image • go to Image control in Element menu, select the Screened button 
and specify 45“ for the angle and 150 lines per inch • type in your text using the Text tool, specifying the type sizes and color • click OK 
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Text ; 
Helvetica 
8 and 12 
points 
on 40% B 



50% B 



60% B 



70% B 
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It is unlikely that type on line art -will bat 

concentrate your text on a dark or white area, evenly colored background. To o\i!^j^me this problem we can use 

3' second color for the line ari The example type in varying sizes respor^o second color The type^slze 
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it is unlikely that type on line art will be legible because of the black and white background. We suggest tha^ou 
concentrate your text on a dark or white area, or any evenly colored background. To overcome this problem we can use 
a second color for the line art. The example illustrates how type in varying sizes respond to second color. The type size 
starts from Helvetica 8 points to 20 points. Bold type will be more legipfe. Tint type can give more 'color (shade of gray 
to your work, but watch out; for darity. When using second color, select one in the middle tone that wil be legible when you 

print black type or '^hen you want to use reverse white type, ’fe’ It is unlikely that 
type on line art will be legible because of the black and yyhiteJDackground. We suggest 
that yoli concentrate your text on a dark or white or any evehly colored 
background. To overcome this problem we can use a second color fotthe line art. 
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It is urtlik^jy that type on line art will'^be 'legible because of the black and white background. We suggest that you 
;^coiicentraie'ypur text on a dark or white area, or any evenly colored background. To overcome this problem we can use 
a second cdIdr Tor the line art. The exafriple illustrates how type in varying sizes respond to second color. The type size 
i /starts from' Helvetica 8 points to 20 points. Bold type will be more legible. Tint type can give more 'color' (shade of gray 
^ to your work, but watch out for clarity. When using second color, select one in the middle torie that wil be legible when yoy 

print black type or when^you wapt to use reverse white type, It is unlikely th^ 
type on line art will be legible because of the black and white backgrouhdCWe sy^ggest 
that you concentrate yolir text on a dark or white area, or any evenlyjcdlored 

background. To overcorne this problem we can use a second color tor the line art. 
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Black type on a tint color image is clearer provided the second color used is not too dark. Any tint type of 40% black and below needs to be handled with care. There are 
acetate tint type devices in black and process color in the marketplace for you to overlay on a color image to test its legibility. 





Type and image 



Tint type on line image 
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Technical Note : PageMaker 4.2 • dravi/ a rectangular box and placed your scanned TIFF image • go to Image control in Element menu, select the Screened button 
and specify 45° for the angle and 150 lines per inch • type in your text using the Text tool, specifying the type sizes and tint value • click OK 
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Type need not be just plain black or colored. Liven up your display type by including halftone images within it. Software such as Adobe Photoshop or Aldus Freehand let 
you incorporate both black and v/hite or color images within the type itself. It can be a good technique to give your design that extra visual impact. Ensure that the 
typeface chosen is thick, bold and contrasty enough to stand out. 
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MAC •graphics 




Technical Note ; First create outline letters In Adobe Illustrator 3.0 and save as EPS file • scan image and save as grayscale TIFF • open the scan in Photoshop • copy 
the entire image onto the clipboard • select the lower quarter of the image and delete it • place the EPS file and scale to size • v/hile the letters are still selected, use the 
Paste Inside command In the Edit menu and paste the image inside the letters • use the Color picker and set 50% Cyan • fill the selection using the Fill command in the 
Edit menu (set Opacity between 30%-50%) 




Technical Note : First create outline letters in Adobe Illustrator 3.0 and save as EPS file • scan image and save as grayscale TIFF • open scan in Photoshop • copy the 
entire image onto the clipboard • place the EPS file and scale to size • while the letters are still selected, use the Paste inside command in the Edit menu and paste the 
image inside the letters • go to the levels command in the image menu and lighten the image inside the type • use the Color picker and set 50% Cyan • fill the selection 
using the Fill command in the Edit menu • stroke the selection with a line thickness of 2-4 pixels using the Stroke command in the Edit menu 
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Rule pattern on tint. Page 74 




RULE LEGIBILITY ON TINTS 

Rule thickness on positive / negative 64 

background 

Frames on positive / negative 66 

background 

Black rule on tint background 68 

White rule on tint background 70 

Tint rule on psoitive / negative background 72 
Rule pattern on tint background 74 



Rules (or lines as in your MAC) are a very useful 
graphic element to emphasise or demarcate a word 
or a page. Rules can be of varying thickness from 
0.1 to 500 points. Rules can come in various styles, 
colors or shades. Rules can be created with 
pre-defined desktop patterns or postscript patterns. 
Postscript lines do not appear on screen. You can 
see them in print on a postscript printer. 



Rule pattern on tint 
background. Page 75 



Weight: 8 pts 
Join ; round 

Weight: 8 pts 
Join : beveled 




graphics 




Rules are extremely useful graphic elements for creating contrast and movement. When clustered together, whether viewed in negative or positive, they have a 
dynamic luminous quality about them. Secondary to the rules are dotted and dash lines. Such lines are often used to indicate scoring or folding marks. They 
can also be used as lines for graphs or charts. 









Weight: 8 pts Weight: 8 pts Weight: 8 pts 

Join : miter Join : round Join : beveled 



The above illustrates the 3 different joins (miter, round and beveled) and 3 different caps (butt, round and square). 






There are many ways to use frames. Frames are normally used as picture boxes for graphics or pictures. You can thicken the line and use it as a graphic frame around 
your picture. On the opposite page, you can create a large variety of decorative frames from QuarkXPress. 






Technical Note : QuarkXPress 3.0 • draw rectangular boxes using the Box tool • go to Frame in the Item menu and specify 15 points for Width, black for Color and 
100% for Shade • repeat this process for the negative frames, this time specifying white for Color (Note : background color should be None in the Modify menu or 
Command + M) • click OK 
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MfKC- graphics 



12.0 pts 

8.0 pts 

6.0 pts 

4.0 pts 

2.0 pts 

1.0 pt 
0.5 pt 
Hairline 

Background tint : black 5% 



12.0 pts 

8.0 pts 

6.0 pts 

4.0 pts 

2.0 pts 

1.0 pt 

0.5 pi “ 

Hairline 

20% 



12.0 pts 

8.0 pts 

6.0 pts 

4.0 pts 

2.0 pts 

1.0 pt 
0.5 pt 
Hairline 







Ttie line screen is 150 lines per inch. White 
rules on screen background are commonly 
used. 12-point rules appear all right on 
almost any shaded background but Hairline 
to 1 -point rules need to be handled with the 
right background as legibility can be 
affected. 

Technical Note : Freehand 3.1 • draw the 
eight basic rules using the Line tool • click 
Attributes and specify the line weights and 
white color from the Fill and line sub-menu 

• draw the rectangular boxes, specifying 
your tint values from the Fill and line 
sub-menu in the Attributes menu 

• click OK • send rectangular box to back 
by depressing Command •i' B 













These tint rules are set in 150 lines on a 
black background. The differing shades 
in 10% black increment on white rules 
provide you with a palette to make a choice. 



Technical Note : Freehand 3.1 • draw the 
eight basic rules using the Line tool • go 
to Fill and line in Attributes menu and 
specify the line weights and gray values 
• draw the rectangular boxes, click 
Attributes and select black from the Fill 
and line sub-menu • send rectangular box 
to back by depressing Command -i- B 









graphics 




There are so many possibilities with rules. The ‘square’ rules here are created by overlapping white, tinted and graduated square shapes — one over the other, exposing 
a small part of the bottom square. 






Technical Note : FreeHand 3.1 • draw the image on the left page by creating a series of overlapping white, tint or graduated squares • centralise all the elements by 
using Alignment in Element menu • click OK 






Line screen 



LINE SCREEN BASICS I 

Different line screens magnified (10x) 

Tint value on 35 and 65 
line screen per inch 

Tint value on 133 and 150 
line screen per inch 

GRADUATION ON DIFFERENT LINE SCREEN 

Graduation on 35 and 65 
line screen per inch 

Graduation on 133 and 150 
line screen per Inch 

Defining graduation tint 



Line screen (or sometimes called screen ruling or 
screen lines) is a printing term that refers to a 
technique used for breaking up halftone images 
(e.g. black and white photograph) into printable dots. 
The denser dark area of the photograph will have 
bigger black dots and the lighter area will have tiny 






black dots. Observe and study a printed black and 
white halftone photograph in any book with a 
magnifier or loupe and you can see the different dot 

H structure. Line screen is measured In lines per Inch 
(Ipi). A normal laser printer with a 300 dots per inch 
(dpi) is about 50 Ipi. As you can see from the 
following pages, the bigger the line screen (175 Ipi) 
the finer the result. Programs like QuarkXPress, 
Freehand and PageMaker allow you to define the 
line screen. 
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v*v.v.v. 



10% black 



20% black XvX^X^ij 



30% black 
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50% black 
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80% black 




60% black 



This exercise demonstrates the characteristics 
of the line screen of 133 lines (this page) and 
150 lines per Inch (page 79). The screen is 
magnified 10 times for close scrutiny. If you 
study the angle of the dots, you probably will 
notice the screen angle of 45°. Cyan is angled 
at 105°, magenta at 75°, yellow at 90° and 
black at 45°. This dot arrangement, side by side 
and not overlapping each other, is necessary to 
produce the desired color. If all dots sit on top 
of each other, the result is dark gray. If you 
close one eye and view the two pages together, 
you will find that the tone/value is similar 
although the line screens differ. Moire pattern 
(a disturbing repeat pattern) will also appear 
in improper angling of screen. 
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The ‘smoothness' of tint depends greatly on the line screen selected for the purpose. The finer the line screen, e.g. 1 75 line screen, the finer the print dots. 1 75 lines 
refer to 175 lines per inch. Coarse line screen of 65 to 100 lines is used for printing newspaper. 133 lines for woodfree paper (Simile) as in books and 150 lines and 
above for fine printing on art paper. Pages 80 and 81 illustrate line screens of 35, 65. 133 and 150 lines per inch respectively. 





Technical Note : FreeHand 3.1 • draw the boxes • go to Fill and line in the Attributes menu and specify your tint values • scan your image with the Grayscale 
scanner • save as TIFF image • open FreeHand and Place in your TIFF image • go to Attributes menu, select Halftone screen and specify Default for Screen type, 
45° for Screen angle and Screen ruling of 150 lines per inch 
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100 black 
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5 black 







Line screen 




Technical Note : Freehand 3.1 • draw the individual graphic block of the triangle • go to Graduated in the Fill and line sub-menu in the Attributes Menu, specify the tint 
values and angle direction by adjusting the hand of the ‘clock’ • select Halftone screen from Attributes menu and specify the Screen type, angle and ruling • click OK 
(Graduation can only be done with a graphic block, starting from point A to B.) 



line screens 

50% black 



5% black 






5% black 



133 Ipi 



83 



S0% black 150 Ipl 5% black 




Mt^o- graphics 




The pages here illustrate graduation in different direction within various shapes. Page 84 uses Linear graduation and page 85 uses Logarithmic graduation. Linear 
gives graduation of equal increments v/hereas Logarithmic begins with a narrow graduation and progresses in wider increments. 




Technical Note : FreeHand 3.1 • Drav/ a rectangle • go to Fill and line in the Attributes menu, choose Graduated in the Fill sub-menu and adjust the direction of 
graduation, percentage value of tint from beginning to end point and taper angle • construct your shape • place outline shape over rectangular box • activate the 
rectangular box. go to Edit menu and choose Cut • activate the shape, go to Edit menu and choose Paste inside 







Line art on tint backgrouna. Page 104 



Line art Diending. 
Page 97 



Line art skewing. Page 94 






DESKTOP PAHERN CHART 

Desktop pattern on positive / negative ■ 88 : 



DESKTOP PAHERN CHART 

Desktop pattern on positive / negative ■ 88 : 

PostScript fill 90 

WORKING WITH LINE ILLUSTRATIONS 

Line art scaling 92 

Line art skewing 94 

Transparent holes in images 95 

Line art blending 96 

Tiled fill line art 100 

Line art and tint line art 102 

Line art on tint background 1 04 




Line art is artwork e.g. illustration, etching, map in 
one solid tone — black. Unlike the halftone in a black 
and white photograph where the tonal value is subtle 
and well-blended, creating a three-dimensional visual 
form, line art is in stark black and white or any other 
solid color. The use of line art on the MAC is usually 
the beginning of your artistic journey as you can 
manipulate the shape, lay tint, color, graduate or 
transform it completely Into a different graphic Image. 
Line art can either be drawn on the MAC or imported 
onto the MAC using a scanner. There is an enormous 
amount of scanned line art {or clip-art as is 
commonly known) available in the market place. 










These are the desktop patterns as arranged in the FreeHand program. The patterns are suitable for graphs, maps or charts. Patterned fills are most effective in black and 
white. You can use the patterns as they are or even edit them. 









circles 



bricks 
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coarse gravel 



coquille 



denim 



light mezzo 



heavy mezzo 



medium mezzo 



random grass 



noise 



random leaves 



Sana 



squares 



tiger teeth 
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^ teeth 

squiggle 

heart 



PostScript is a page-description language. Such a command can be found in FreeHand's Fill and line menus. You can open the Custom dialog box and use the 
pre-defined PostScript fills. You can even invent your own graphics by writing your own PostScript procedures. 





Line art 



Custom fill : heavy-mezzo 
Texture color ; 100% spot color 




PostScript fill 
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Custom fill : coarse-grave! 
Texture color 100% black 
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Dance 



Custom fill : circle 
Radius : 2 mm 
Spacing : 3 mm 
Angle : 30'’ 

Line width : 0.1 mm 



Custom line : star 
Line color ; 100% spot color 
Pattern length ; 1 .5 mm 
Pattern width : 1 .5 mm 
Spacing : 0.5 mm • 
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Custom fill ; tiger teeth 
Tooth color ; black 
Background color : 30% spot color 
Number of teeth ; 30 
Tooth angle : 90^ 




Background : sand 
Texture color : 100% spot color 



Technical Note : Freehand 3.1 • draw your image with the Combination tool • choose Custom fill from Fill and line in the Attributes menu and select the effect of your 
preference • go to the Text tool and type text in the dialog box. specifying font. size, leading • click OK (Note : PostScript pattern will not display on your screen. Print 
document to see effect. For more information on creating your own PostScript effects, refer to Freehand User Manual.) 
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MAC -graphics 



FreeHand allows scaling of scanned or drawn images both horizontally 
and vertically. Such manipulation can change or exaggerate the form 
and it can be distorted beyond recognition. 



Technical Note : Microtek MSF 300Z, VersaScan, FreeHand 3.1 
• scan your line art in VersaScan and save as TIFF image • open 
FreeHand and place the scanned image ■ select Duplicate from 
Edit menu • go to Too! box, select the Scaling tool while holding 
down the Option key • key in the horizontal or vertical 
percentage • click OK (Note ; always go back to the 
original if you need to re^scale more images. 

You can also do scaling by dragging 
the element’s handles.) SSs, 





w 80% vertical scaling 



60% vertical scaling 



40% vertical scaling 




20% vertical scaling 




Line art with h 
no scaling 



MAC -graphics 
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Line art skewing and transparent holes in images 




Forming transparent holes. It is possible to create a third dimension in your drawings with Freehand that allows you to see through the filled shape. This can be easily 
done by Joining elements or Command * I from the Element menu. 





This is a close-up of the blending path as illustrated on page 97. To achieve that very smooth blending, many steps of blends were done. 




Line art 



Technical Note : FreeHand 3.1 • scan in the musical instruments from magazine / book • trace the drawing using FreeHand • select areas to be blended * click two 
reference points and choose Blend in the Element menu • blend as many steps as required and click OK • the areas between the two points will be blended • repeat 
the process 






This is an interesting exercise in blending two colors. The softness and subtle colors of the roses are Freehand drawn. Again the key images are drawn and duplicated with 
minor changes made to the petals or leaves. 



© Paragraphics Sdn Bhd 




Technical Note : FreeHand 3.1 • scan a line drawing of the fish and save in TIFF format • open Freehand and trace over the line drawing • select the areas to be blended 

• click two reference points and choose Blend in the Element menu • blend as many steps as required and click OK • the area between the two points will be blended 

• repeat the process 




MtKO- graphics 





Scale : uniform 125%, horizontal 100%, vertical 100% Scale : uniform 100%, horizontal 70%, vertical 110% Scale : uniform 100%, horizontal 110%, vertical 70% 




Offset : horizontal 0 points, vertical 0 points Offset : horizontal 42 points, vertical 0 points Offset : horizontal 25.5 points, vertical 14 points 



If you do wall paper, packaging and wrapper design, this technique is very useful. Having done the master motif, you can tile them in all directions as a fill. 






Line art 



Tiled fill line art 





Scale ; Uniform 90%. Horizontal 100%, Vertical 100% 
Angle : 0'' 

Offset : Horizontal 7 mm, Vertical 1 .5 mm 



Scale ; Uniform 30%. Horizontal 100%. Vertical 100% 
Angle ; 15“ 

Offset : Horizontal 0 mm, Vertical 0 mm 



Scale : Uniform 50%. Horizontal 100%. Vertical 100% 
Angle : 24^^ 

Offset : Horizontal 0 mm. Vertical 9 mm 



Technical Note ; FreeHand 3.1 • draw a rectangular box • create an image to use as a tile • go to Cut or Copy command in the Edit menu • activate the rectangular box 
• choose Fill and line from Attributes menu and select Tiled from the Fill pop-up menu • click Paste in button to paste the tiled image onto the dialog box • specify the 
Scale, Angle and Offset options • click OK (Note ; paint-type or TIFF image, an EPS element or another tiled fill cannot be used to create the tiled fill effects.) 







Line art is a stark black and white image with no grayscale. By using different fill in spot color or black, different moods can be created. 
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Line art 



Line art and tint line art 





Technical Note : Freehand 3.1 • place the scanned TIFF image in the rectangular boxes • select Element Info and click on the Transparent button • select Color from 
the Attributes menu • go to Fill and line in Attributes menu • fill image and boxes with the desired percentage (or different Fill characteristics e.g. Graduated, Patterned, 
Radial, Custom, etc) • send TIFF image to front 






Background 
tint 10% B 



Background 
tint 30% B 



Using exclusively black tint for the image and background will not pose any registration problem. The subtlety and ‘blurred’ image is often used as backdrop with 
black text overprinted. 










Line art 




Background 
tint 50% B 






Technical Note : Freehand 3.1 • draw the rectangular boxes tor the background • go to Fill and line in the Attributes menu, specifying the tint values • place In your 
scanned images and select your tint percentage 



Image tint 60% black 



Image tint 80% black 



Image tint 100% black 
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Duotone and tritone posterization. Page 114 



Spring Poob 



J 






Time pools that, though in fomtt, jjill reflect 
The Mat sky almost without defeet 
And tike the flou<ers beside them, chill and shiver; 
Will like the fl/wn besitle them soon be gone. 



And yet not out m <rvf brook or river. 

Hut up by roots to bring dark foliage on. "hs* 

The trees that lutOf icikiheit pent-up Intds 
To darken nature and ^ nun.mer u<oods - 
Let them think taice bej^ t!^ rut 
To Hot out and drink tip aiid sw^'oway -Jr 
These floway waters arui these vM^ flotam 
From snow that metied only ytsUr ^..'^, . 
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Halftone patterns. Page 113 





Ghosting halftone. Page 120 



Halftone image 
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HALFTONE IMAGE ; ^ :r. 

Line screen and halftone image 
Line conversion from halftone 
Halftone patterns 

Duotone and tri-tone posterization 
Duotone and tri-tone grayscale 
Duotone and tri-tone grayscale re-mapping 
Ghosting halftone 



108 
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Halftone is a continuous tone image, such as a 
photograph, slide, print or drawing. Technically, a 
continuous tone image cannot be printed until it is 
broken down into dots. Halftone can be reproduced 
right on your desktop. You can capture digitised 
images with a scanner, touch them up In a page 
layout or an image re-touching program and specify 
your line screen and angle. The following pages 
illustrate how the various line screens appear. 




Line screen : 35 lines per inch (Ipi) 65 Ipi 100 Ipi 



Stamps use very fine line screen (200 to 300 lines) to achieve a printed result with excellent detail. Glossy coffee table books or magazines may use 175 to 200 lines. 

Most newspapers, on the other hand, use 65 to 100 lines. One will almost always be tempted to use the finest line screen. Fine line screen on newsprint or high absorbency 
paper will give patches of black because the print dots will spread and link together. 






Halftone Image 




Line screen and halftone Image 




Line screen : 133 lines per inch (Ipi) 1 50 Ipi 1 75 Ipi 



Technical Notes : Mac-GrayScan 1 .6, Freehand 3.1 • scan your picture as a Grayscale image • select Acquire from the Scan menu, click on the PreScan button 
• your selection will appear on the screen • drag the mouse over your selected area * click Scan • once scanning is completed, save the file • open Freehand 3.1 
and place your scanned image • go to halftone screen in Attributes menu, specifying the Screen type, angle and ruling • click OK 







Mf<c- graphics' 




Original photograph - traditional halftone 



Negative 



Scanned grayscale image can be transformed by FreeHand to various effects like Gray-level, Negative. Posterization, Solarization and Line shot. Other page layout 
applications such as Aldus PageMaker or QuarkXPress also offer similar image control commands. 






Halftone image 



Posterization 



Solarization 



Technical Note ; Mac<GrayScan 1.6, FreeHand 3.1 • scan image in Grayscale • place your scanned TIFF image in the Freehand file • select the element you want 
to modify • go to Element info or Command + 1 from the Element menu • set options (Gray-level. Negative, Posterize, Solarize or Line shot) in the Image dialog box 





IJ 


pi 
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6x6 : 71 dot 4x4 : Fine detail #1 4x4 : Fine detail #2 



The halftone images are converted into line art. Here we use VersaScan Plus^“ to convert the halftone into various line effects. 







Halftone image 





2x2 : Might contrast 



3x3 : Posterizing 



8x8 : Mixed-page 



Technical Note : VersaScan 2.1™ • scan halftone photograph using VersaScan 2.1™ • choose Acquire in the Scan menu • select Halftone, go to Halftone Grain and click 
the dialog box to choose from a selection of desired characteristics of scanned results e.g. 8x8 : Horizontal line • prescan image and crop photograph with the Pointer tool 
• scan • save as TIFF image 



8x8 : Horizontal line 



8x8 : Vertical line 



4x4 : Slant line 
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Two-Step posterization (magenta, black) 



Two-step posterization (cyan, black) 



Posterization can be done in any program that can control grayscales. It reduces the16 gray levels to only 4. An image with white, black and one intermediate gray tone 
produces a two-step posterization (page 114). An image with white, black and two intermediate gray tone produces a three-step posterization (page 115). Process colors 
are used to illustrate the examples as shown on these pages but a combination of spot colors can also produce interesting results. 




Halftone image 



Duotone and tritone posterlzation 





Three-step posterization (magenta, yellow, black) Three-step posterization (cyan, magenta, yellow) 



Technical Note : Mac-GrayScan 1.6, FreeHand 3.1 • scan your halftone image in GrayScan • open Freehand and place in the scanned image • go to Element info in Element 
menu • set options in the image dialog box and select the Screened button • choose Halftone screen from Attributes menu, specifying the Screen type, angle and ruling 
(please see page 78 for more Information on Line screens) • click OK (Note : the above examples mre assembled from tv/o and three line shots with the settings as shown.) 



DB 
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Two-Step gray maps (magenta, black) Three-step gray maps (cyan, magenta, yellow) 



Duotone is a darkroom process of converting a black and white photograph into two tones or two. three and even four colors. Subtle mood changes can be achieved with 
different combination of colors. It is critical to start with a good photograph with a wide tonal range, i.e., from highlight to mid-tone to dense shadow. The example on 
page 1 16 was achieved by using gray map bars to manipulate the Lightness and Contrast, whereas for page 117 process colors from the Color dialog box were applied 
directly. 




Halftone image 




Duotone and tritone grayscale 



1 I 45% Magenta, 70% Yellow 



I I 80% Cyan, 50% Magenta. 20% Yellow 



Technical Note : Mac-GrayScan 1.6, Freehand 3.1 • place your scanned image in the Freehand file • go to Fill and line in Attributes menu and select your desired 
process or spot colors • click OK 
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Two-Step re-mapping (magenta, yellow) 



Two-step re-mapping (cyan, magenta) 



Re-mapping grayscale into separate colors requires some degree of visualization skills and a sensitive feel for colors. For testing purpose, we mapped each step in color 
on a separate transparent OHP acetate. To get a close final result, the OHP transparencies were overlapped. 






Halftone Image 



Duotone and tritone grayscale re-mapping 





Three-step re-mapping (cyan, magenta, yellov/) 



Three-step re-mapping (magenta, yellow, black) 



Technical Note : Mac-GrayScan 1 .6, FreeHand 3.1 • the technical process for duotone and tritone re-mapping is the same as that on pages 11 6 and 1 1 7 (Note : to re-map 
the grayscale, the gray map bars were re-set individually by clicking them in each column. The above effects were created after much experimentation and visualization.) 
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Spring Pools 



These pools that, though in forests, still reflect 
The total sky almost without defect 
And like the floxum beside them, chill and shiver. 
Will like the flowers beside them soon be gone. 
And yet not out by any brook or river. 

But up by roots to bring dark foliage on. 

The trees that have it in their pent-up buds 
To darken nature and be summer woods - 
Let them think twice before they use their powers 
To blot out and drink up and sweep away 
These floioery waters and these watery flmoers 
From snoxo that melted only yesieiday. 

Robert Frost 
1875-1963 






Break, break, break 



Break, break, break. 

On thy cold grey stones, O Sea! 

And I xoould that my tongue could utter 
The thoughts that arise in me. 

O xvell for the fisherman's boy, 

That he shouts xuith his sister at play! 

O xoell for the sailor lad. 

That he sings in his boat on the bay! 

And the stately ships go on 
To their haven undpr the hill; 

But O for the touch of a vanish'd hand. 
And the sound of a voice that is still! 

Break, break, break. 

At the foot of thy crags, O Sea! 

But the tender grace of a day that is dead 
Will never come back to me. 



Alfred, Lord Tennyson 
1809-1892 
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Ghosting halftone (cyan, black) 



Ghosting halftone (cyan, yellow) 



Ghosting halftone is reducing the tonal value of an image. This is often done when using type on the image for the text to be read easily. The images were produced as 
duotone (page 120) or tritone (page 121) separations with the Lightness adjusted up and Contrast adjusted down. 



Halftone image 



Ghosting halftone 
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Today’s Special 

Handmade Tortellini 
served with Avocado Chive Sauce 
$9.95 



Grilled King Mackerel 
topped with crunchy sauteed almonds 
and cocktail or tartar sauce 
$12.95 



Meats and Poultry 

Eastern Veal Cutlet, Milanese 
Rump Steak with mixed Salad 
Fillets Mignon in Pepper Sauce 



Garlic Bread 
Avocado Cocktail with Fresh Salsa 
Chicken Salad Platter 



Fresh Fish 



Soup 

Cream of Chicken Soup $4.00 
Tomato Soup with Gin $3.50 



Grilled Trout in Lemon Butter 
Seafood Platter $ 1 0.95 



Sandwiches and Salad 



Beverages 

Freshly Brewed Coffee $ 1 .25 
Darjeeling Tea $1.95 
Hot Chocolate $ 1 .25 
Milk $1.25 



Omelette Sandwich 
Deluxe Sandwich 
Salad Nicoise 
Spinach and Bacon Salad 



llQhInri 



Llgbtni 



Ghosting halftone (magenta, yellow, black) 



Technical Note : Mac-GrayScan 1 .6, Freehand 3.1 • scan halftone image in Grayscale • place your scanned image in the Freehand file • go to Element info in the Element 
menu • set options in the Image dialog box and select the Screened button • go to halftone screen in Attributes menu, specify the Screen type, angle and ruling 
• define your text area and use the Text tool to type In the text, and specify your desired font, size and leading • display the text within the ‘ghosting’ halftone image 




How to use the color scale chart. Page 124 



Percentage of 

1st process color 




Selected process color 
(20% C. 90% M. 40% Y) 



Cyan and Yellow. Page 128 




PROCESS COLOR 


Process color and line screen 


124 


PROCESS COLOR SCALE 


Magenta and Yellow 


126 ■ 


Cyan and Yellow 


128 ™ 


Cyan and Magenta 


130 


Cyan, Magenta and Yellow 


132 


Cyan and Black 


172 


Magenta and Black 


174 


Yellow and Black 


176 


Cyan. Magenta and Black 


178 


Cyan. Yellow and Black 


192 


Magenta, Yellow and Black 


206 


COLOR IN GRADUATION 


One-color graduation 


220 


Two-color graduation 


222 


Three-color graduation 


230 


COLOR ON WHITE. GRAY AND BLACK 


Yellow on white, gray and black 


234 


Orange on white, gray and black 


236 


Red on white, gray and black 


238 


Violet on white, gray and black 


240 


Blue on white, gray and black 


242 


Green on white, gray and black 


244 


Gray on white, gray and black 


246 




Process means to convert rav/ materials to useful 
products. The raw materials in our case refer to the 
four basic printing ink (Cyan, Magenta, Yellow. Black) 
which is called Process Color. When the colors are 
combined in varying percentages, a myriad of colors 
can be reproduced. The charts on the following pages 
provide a very useful reference for the selection of 
colors based on CMYK (Cyan. Magenta. Yellow, 
Black). 
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The Color Wheel The 1 2-hue color wheel is 

composed of the primary, secondary and tertiary 
colors. The three primary colors are Red, 
Yellow and Blue. The secondary colors 
are made up of two primary colors: 



Red + Blue = Violet, 

Yellow + Red = Orange, and 
Yellow + Blue = Green 



The tertiary' colors consist of a 
primary color and a secondary 
color. For example. 

Yellow + Orange = Yellow-orange, 
Red + Violet = Red-violet, etc. 

We can extend the color wheel by 
going into the value of color, e.g. 
light to dark, and intensity of color 
which makes reference to the range 
from dull to bright color. 



Process Color Color images have to be color separated before printing. This 
process involves scanning the color photographs or slides through high-end 
color scanners from Hell, Dainippon, Scitex or Crosfield. These machines give 
excellent results. They break down the color into dots (or halftone dots) of four 
basic colors (CMYK - Cyan, Magenta, Yellow and Black) called process color. 
These colors when overprinted in four passes will give a reproduction of the 
original. There is now hardware for scanning color or grayscale for the MAC. 
Some of them are Microtek, Sharp, Howtek, Nikon, and BarneyScan. Scanned 
color images take up a lot of space In your hard disk. 

By using a mixture of the process color in different percentages we can 
create a myriad of hues in varying tone or intensity (brightness). We can thus 
create flat or graduated color called tint, e.g. a tint of 100% magenta and 100% 
yellow will produce red. The following pages catalog the range of colors by 
using tint. For accurate selection of color, view your choice by masking it with 
the paper window mask provided on the flap of the back cover. 

How to use MAC-graphics* 
color chart There are 
18,800 two- and three- 
color tint combinations 
shown from pages 126 
to 219. These are in 
increments of 5% for 
each unit. Colors such 
as orange, pastel or 
reflex blue cannot be 
matched using process 

r20'^Vc’90yrMy45%Y) 



ink tints. For special colors, it is advisable to use Spot color or Pantone^” 
color. 

Warning : Printing of tint combinations is not always consistent as there 
are many variables. Some of them are: 

• Ink- do you use ink from the same manufacturer? 

• Ink laydown - do you have a set sequence of printing the four colors, 
i.e., CMYK, MCYK, YMCK, etc? 

• Dot ga/>?- different presses have different gains in dot size (halftone dot). 
A gain in dot size will mean an overall darker image. 

• Papers and finishes -\he absorbency and color of the paper will influence 
the final color. 

• Neighbor color- your selected color will assume different tone value or 
intensity depending on the colors around it. 

• Arrangement of tint 
/mages -paper flows in 
one direction when printing 
and when you have multi- 
tint images along a path, 
the image that reaches 
the ink-roller last will be 
deprived of colors (it can 
be any of the CMYK) and 
often appears weaker. The 
top right page of Tint A. 
for example, will be affected 
by the ink take-off from 
the large area of Tint B. 
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Percentage ol 
1st process color 



1st process color 
2nd process color 



Fixed or base 
color (40% Y) 



Percentage of 
2nd process color 





Process color 



Process color and line screen 





Screen rule : 35 line screen per inch 





Screen rule : 65 line screen per inch 




Screen rule : 100 line screen per inch 




Screen rule : 133 line screen per inch 




Screen rule : 150 line screen per inch 



Whether you use process color or black and white, the same principles of using line screens apply. It depends on the paper to be used. Newspapers use 65 to 100 line 
screen per inch and high quality color books use 175 line screen per inch. The above chart illustrates the ‘grain’ of different process color in different line screens. 
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Process color 



Process color scale 






Magenta j 




1 Yellow 



Technical 
Information : 

Software ; 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 
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Process color 



Process color scale 





Technical 
Information : 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19‘ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40’ presses 
with standard 
process inks 
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Process color 



Process color scale 





Technical 
Information : 

Software : 

Aldus Freehand 
3.1 

Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19" 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing ; 
SpeedMaster 
28’ X 40' presses 
with standard 
process inks 
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Process color 



Process color scale 






5 Yellow 



Technical 
Information : 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28" X 40" presses 
v/ith standard 
process inks 

Paper ; 

128 g matt art 
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Process color 



Process color scale 






10 Yellow 



Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 



Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19’ 
SuperMac 
Spectrum POQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing ; 
SpeedMaster 
28’ X 40’ presses 
with standard 
process inks 

Paper : 

1 28 g matt art 
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Process color scale 
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15 Yellow 



Technical 
Information : 

Software ; 

Aldus Freehand 
3.1 

Hardv/are : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40’ presses 
with standard 
process inks 

Paper ; 

128 g matt art 
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Process color 



Process color scale 






20 Yellow 



Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac tifx 
RAM 8 MB 
SuperMac 
Trinitron 19’ 
SuperMac 
Spectrum PDO 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 

Paper : 

128 g matt art 
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Process color 



Process color scale 






25 Yellow 



Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 



Hardware : 

Mac llfx 
RAM 8 MB 
SupcrMac 
Trinitron 19' 
SupcrMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpecdMaster 
28' X 40’ presses 
with standard 
process inks 



Paper : 

1 28 g matt art 
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Process color 



Process color scale 






30 Yellow 



Technical 
Information : 

Softv/are : 

Aldus FreeHand 
3.1 

Hardware : 

Mac lifx 
RAM 3 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40' presses 
with standard 
process inks 



Paper : 

128 g matt art 
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Process color 



Process color scale 





Cyan 




35 Yellow 



Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40* presses 
with standard 
process inks 



Paper ; 

128 g matt art 
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Process color 



Process color scale 







40 Yellow 



Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 



Paper : 

128 g matt art 
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Process color 



Process color scale 





45 Yellow 



Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19’ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40’ presses 
with standard 
process inks 



Paper ; 

128 g matt art 
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Process color 



Process color scale 






50 Yellow 



Technical 
Information : 

Softv/are ; 

Aldus FreeHand 
3.1 

Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40* presses 
with standard 
process Inks 



Paper : 

128 g matt art 
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Process color 



Process color scale 





Cyan 




55 Yellow 



Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19‘ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40* presses 
with standard 
process inks 

Paper : 

128 Q matt art 
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Process color 



Process color scale 





Cyan 




60 Yellow 



Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19" 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40* presses 
with standard 
process inks 

Paper : 

128 g matt art 
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Process color 



Process color scale 





Cyan 




65 Yellow 



Technical 
Information : 

Software ; 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SupeiMac 
Trinitron 19‘ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40* presses 
with standard 
process inks 



Paper : 

128 g matt art 
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Process color 



Process color scale 





70 Yellow 



Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 

Hardv/are ; 

Mac llfx 
RAM S MB 
SuperMac 
Trinitron 19‘ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing ; 
SpeedMaster 
28* X 40* presses 
v;ith standard 
process inks 
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Process color 



Process color scale 







Technical 
Information ; 

Software : 

Aldus Freehand 
3.1 

Hardv/are : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19“ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 
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Process color 



Process color scale 
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80 Yellow 



Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum POO 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40* presses 
with standard 
process inks 

Paper : 

128 g matt art 
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Process color 



Process color scale 





Cyan 




85 Yellow 



Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19’ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing ; 
SpeedMaster 
28' X 40“ presses 
with standard 
process inks 

Paper : 

128 Q matt art 
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Process color 



Process color scale 





Cyan 




90 Yellow 



Technical 
Information : 

Software ; 

Aldus FreeHand 
3.1 

Hardv/are : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19’ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 

Paper : 

128 g matt art 
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Process color 



Process color scale 





Cyan 






95 Yellow 



Technical 
Inlormation ; 

Software ; 

Aldus FreeHand 
3.1 

Hardv/are ; 

Mac lllx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 litres per inch 

Printing : 
SpeedMaster 
28* X 40* presses 
with standard 
process inks 

Paper ; 

128 g matt art 
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lOOYellow 



Technical 
Information : 

Software ; 

Aldus Freehand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19" 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 

Paper : 

1 28 g matt art 
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Process color scale 






Technical 
Information : 

Software : 

Aldus FreeHand 
3.1 

Hardv/are ; 

Mac llfx 
RAM 3 MB 
SuperMac 
Trinitron 19‘ 
SuperMac 
Spectrum PDQ 
24 bitVideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28‘ X 40’ presses 
with standard 
process inks 

Paper : 

128 g matt art 
















MA.C- graphics 




Process color 



Process color scale 






Technical 
Information : 

Software : 

Aldus Freehand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19’ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28’ X 40’ presses 
with standard 
process inks 














Mf<c- graphics 




Process color 



Process color scale 





Technical 
Information : 

Software ; 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19" 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28‘ X 40" presses 
with standard 
process inks 















graphics 





Process color 



Process color scale 






10 black 



Technical 
Information : 

Software : 

Aldus FreeHand 
3.1 

Hardv/are ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing ; 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 



Paper : 

128 g matt art 







Mf<o- graphics' 




Process color 



Process color scale 






Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 

Paper : 

128 g matt art 







Mf<c- graphics' 




nn 




Process color 



Process color scale 












75 


o 
, oo 





























30 black 



Technical 
Information : 

Software : 

Aldus FreeHand 
3.1 



Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40“ presses 
with standard 
process inks 

Paper : 

128 g matt art 



iBCT 




m/ko- graphics 




Process color 



Process color scale 





40 black 



Technical 
Information : 

Software : 

Aldus FreeHand 
3.1 

Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19" 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 tines per inch 

Printing : 
SpeedMaster 
28’ X 40 presses 
with standard 
process inks 

Paper : 

128 g matt art 



nsg 





M f^c- graphics' 




Km 




Process color 



Process color scale 






Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing ; 
SpeedMaster 
28* X 40" presses 
with standard 
process inks 

Paper ; 

128 g matt art 



lEa 





M/^c- graphics' 




EEQ 



Process color 



Process color scale 





Cyan 



Magenta 



60 black 



Technical 
Information : 

Software : 

Aldus Freehand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19‘ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40’ presses 
with standard 
process inks 

Paper : 

128 g matt art 



iTH 





graphics' 




nn 



Process color 



Process color scale 
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Technical 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM B MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScripl 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing ; 
SpeedMaster 
28' X 40' presses 
with standard 
process inks 

Paper : 

128 g matt art 








M/KO- graphics' 







Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28" X 40" presses 
with standard 
process inks 






MJKC- graphics' 





Process color 



Process color scale 




55 60 



70 


75 


80 


85 


90 


95 


100 




Cyan 
Yellow 
20 Black 



Technical 
Information : 

Softv»are ; 

Aldus FreeHand 
3.1 

Hardv/are : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing : 
SpeedMaster 
28’ X 40' presses 
v/ith standard 
process inks 



Paper : 

1 28 g matt art 




M/<c- graphics' 




Process color 



Process color scale 





Cyan 



Yellow 



30 Black 



Technical 
Information : 

Software ; 

Aldus Freehand 
3.1 

Hardv/are ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum POQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing ; 
SpeedMaster 
28* X 40* presses 
with standard 
process inks 





Mf^o- graphics' 




Process color 



Process color scale 




Cyan 



Yellow 



40 Black 



Technical 
Information : 

Software ; 

Aldus FreeHand 
3.1 



Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40' presses 
with standard 
process inks 

Paper ; 

1 28 g matt art 








M/^c- graphics' 




n«T»i 




Process color 



Process color scale 






Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 



Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VidcoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28" X 40* presses 
with standard 
process inks 



Paper ; 

128 g matt art 





graphics' 




■a»Ki 



Process color 



Process color scale 





Cyan 



Yellow 



60 Black 



Technical 
Information ; 

Software ; 

Aldus FreeHand 
3.1 

Hardware ; 

Mac tifx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28’ X 40* presses 
with standard 
process inks 

Paper; 

1 28 g matt art 









MAC -graphics' 







Process color 



Process color scale 





Cyan 



Yellow 



70 Black 



Techncal 
Information ; 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28" X 40" presses 
with standard 
process inks 

Paper : 

128 g matt art 










MA.C- graphics 




70 



75 

90 

.0 ai 








cess c 



Process color scale 



8 



Yellow 
10 Black 




Technical 
Information : 

Software : 

Aldus FreeHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19" 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing : 

Speed Master 
28' X 40" presses 
with standard 
process inks 

Paper : 

1 28 g matt art 



Pig 




MAC -graphics' 




Process color 



Process color scale 








Yellow 
20 Black 



Technical 
Information ; 

Software : 

Aldus FrceHand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19‘ 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28’ X 40’ presses 
with standard 
process inks 

Paper ; 

128 g matt art 





M A.C - graphics 




Process color 



Process color scale 





Magenta 



Yellow 



30 Black 



Technical 
Information : 

Softv/are : 

Aldus FreeHand 
3.1 

Hardv/are ; 

Mac ilfx 
RAM 8 MB 
Super Mac 
Trinitron 19* 
SuperMac 
Spectrum POO 
24 bit VideoCard 

Color Proofing : 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing ; 
SpeedMaster 
28* X 40* presses 
with standard 
process inks 

Paper : 

128 g matt art 







M/KC- graphics' 





Process color 



Process color scale 





40 Black 










MfKC- graphics 




100 



Process color 



Process color scale 











graphics' 




100 



Process color 



Process color scale 





Magenta 



Yellow 




Technical 
Information ; 

Software : 

Aldus Freehand 
3.1 

Hardware : 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19* 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen ; 

150 lines per inch 

Printing : 
SpeedMaster 
28* X 40’ presses 
with standard 
process inks 

Paper ; 

1 28 g matt art 



mi 





MA.C- graphics 





Process color 



Process color scale 





Magenta 



Yellow 



70 Black 



Technical 
Information : 

Software ; 

Aldus Freehand 
3.1 

Hardware ; 

Mac llfx 
RAM 8 MB 
SuperMac 
Trinitron 19' 
SuperMac 
Spectrum PDQ 
24 bit VideoCard 

Color Proofing ; 
QMS ColorScript 
100 

Canon CLC 500 

Line Screen : 

150 lines per inch 

Printing : 
SpeedMaster 
28’ X 40’ presses 
with standard 
process inks 

Paper ; 

128 g matt art 



PH 







M/KC- graphics 




Graduation is tonal contrast between two points. It is an effective device to give an illusion of space and depth. Traditionally the artist had to use a fine ink spray with 
air-driven pen (airbrush) to achieve this effect. Today, it is accessible to all MAC users with many software programs. To achieve the above effects, we had to draw a 
series of shapes to form a whole square . Process color percentages were plotted and filled between two points and the MAC did the graduation (or airbrush). 



Process color 




Technical Notes; FreeHand 3.1 • draw the individual graphic block of the triangle • go to Fill and line in the Attributes menu and specify your color and angle direction by 
adjusting the hand of the ‘clock’ • click OK (Graduation can only be done within a graphic block, starting from point A to B. These points normally have contrasting hue. 
tone or brightness. The example above illustrates one-color graduation.) 







graphics' 



“^60C10M60Y 60Y 




> 

O 

CO 



60Y 50C 50M 



Two-color graduation - Pastel scheme 






70C 30Y 



60M 10Y 



Process color 



Color in graduation 





Two-color graduation - Pastel scheme 



70C 30Y 




M^c- graphics 



100Y 



SOM SOY 




Tv/o-color graduation - Mid-tone scheme 



SOM SOY 



Process color 



Color in graduation 




30C100Y 60C60M 




Two-color graduation - Mid-tone scheme 






M/^o- graphics 




Two-color graduation - Bright scheme 



100C 




Process color 



Color in graduation 




TT71 



Two-color graduation - Bright scheme 



100C SOM 





100C80M40Y 70C100Y 



MU.C- graphics 




Two-color graduation - Dull scheme 



100C80M40Y 40C100M 



80C50M100Y 40C100M40Y 



Process color 



Color in graduation 








Two-color graduation - Dull scheme 



80C50M100Y 100Y20B 





graphics 




Three-color graduation - Bright scheme 




10Y10M 50Y40C 50Y10M 



Process color 




PcTI 



Three-color graduation - Pastel scheme 



10M 30C 




1 0OY 50M 80C 90Y 1 0OM 60C 1 0OY 70M 70C 



graphics' 




Three-color graduation - Dark scheme 



50Y70M 50C 90Y100M60C 50Y90M 100C 



70M 10Y 30M SOY 50C100M100Y 



Process color 



Color in graduation 








Three-color graduation - Bright schenne 



30M SOY 100M 10C 




Mf^c- graphics 



15 yellow 



30 yellow 



45 yellow 



60 yellow 



90 yellow 



10 magenta 80 yellow 





40 magenta 100 yellow 
Background : white 




Colors are influenced by colors around them, generating brillance, luminosity or losing them in the process. Size can also appear to be different. The luminosity of 
yellow is exaggerated on a black background. But on white or gray background, it projects subtle warmth. Yellow is often used in combination with other colors and 
is not always suitable as a spot color. 























Process color 



10 magenta 55 yellow 



15 magenta 70 yellow 




30 magenta 80 yellow 




35 magenta 70 yellow 15 black 




40 magenta 80 yellow 20 black 




45 magenta 80 yellow 30 black 




40 magenta 100 yellow 45 black 




70 magenta 100 yellow 60 black 




100 magenta 100 yellow 75 black 



Background ; white 



Color on white, gray and black 




Background : 50% black 



Background : 100% black 



Technical Note : Freehand 3.1 • draw 2 rectangular boxes one within the other • go to Fill and line in Attributes menu and specify colors from the Color pop-up menu 
• fill the background of the boxes with gray and black respectively • click OK 
























MAC -graphics " 



5 magenta 30 yellow 



10 magenta 45 yellow 



15 magenta 60 yellow 




25 magenta 70 yellow 



35 magenta 80 yellow 



45 magenta 85 yellow 




50 magenta 95 yellow 




60 magenta 100 yellow 




70 magenta 100 yellow 
Background : white 




Background : 50% black 



Background : 100% black 



Reddish'Orange suggests dynamic energy. On the whiter shade, it loses its energy and tends to be beigy. When black is added, it turns brov/nish. The warmth of orange 
is accentuated against a black background but loses its shine on gray; on a white background, it still maintains its presence. Suitable for text color in the darker shades. 
True orange is very difficult to reproduce in process color. It is advisable to use spot color if that color choice is critical. 




















Process color 



10 magenta 20 yellow 



15 magenta 25 yellow 



25 magenta 45 yellow 





60 magenta 85 yellow 




70 magenta 100 yellow 




75 magenta 100 yellow 5 black 




85 magenta 100 yellow 20 black 
Background : white 



Color on white, gray and black 





Background : 50% black 






Background ; 100% black 













MA.O- graphics 



10 magenta 5 yellow 



20 magenta 10 yellow 



30 magenta 15 yellow 



40 magenta 30 yellow 




55 magenta 40 yellow 




70 magenta 60 yellow 




80 magenta 60 yellow 




90 magenta 70 yellow 




100 magenta 100 yellow 
Background : white 





Background : 100% black 



A hot passionate choice, red is not an easy color to use although it is very popular. It changes its mood easily when placed next to other colors such as yellow or blue. 
It tends to stand out more. On black, red glows with luminosity. But on v/hite, it appears to darken. 























Process color 



30 magenta 




50 magenta 




70 magenta 




100 magenta 




100 magenta 30 yellow 5 black 




100 magenta 60 yellow 15 black 




100 magenta 80 yellow 45 black 




100 magenta 100 yellow 65 black 




100 magenta 100 yellow 70 black 
Background : white 



Color on white, gray and black 





Background ; 50% black 



iJclkl 



Background : 100% black 






















M/KC- graphics' 



5 cyan 10 magenta 



10 cyan 20 magenta 



1 5 cyan 30 magenta 




40 cyan 50 magenta 




65 cyan 95 magenta 5 black 




65 cyan 100 magenta 15 black 
Background : white 




Background : 50% black 



Background : 100% black 



Violet - the royal color. With the presence of red in its mixture, it can be both mysterious and terrifying. Violet has more intensity than blue. As magenta and cyan are 
sensitive colors in the printing process, it Is critical to check your color carefully on press to obtain the desired results. 




















Process color 



5 cyan 25 magenta 




10 cyan 40 magenta 




20 cyan 55 magenta 




25 cyan 75 magenta 




35 cyan 80 magenta 20 yellow 




45 cyan 85 magenta 25 yellow 




55 cyan 100 magenta 30 yellow 




60 cyan 100 magenta 45 yellow 




70 cyan 100 magenta 55 yellow 
Background : white 



Color on white, gray and black 





Background : 50% black 



Background : 100% black 
















Mf<c- graphics 



15 cyan 



30 cyan 5 magenta 



55 cyan 15 magenta 




70 cyan 35 magenta 




90 cyan 50 magenta 




100 cyan 100 magenta 




100 cyan 100 magenta 20 black 




100 cyan 100 magenta 45 black 




100 cyan 100 magenta 60 black 
Background : v/hite 




Background ; 50% black 




Background : 100% black 



Blue - a passive, quiet color. It is cold but it can spark off a silent luminosity against black. On white, surrounding blue appears whiter and brighter. It also looks darker 
when compared with the same blue In the black rectangle. It appears to dull slightly on gray and project a cold luminosity on black. 




















Process color 



Color on white, gray and black 




20 cyan 5 yellow 



40 cyan 5 yellow 




50 cyan 10 yellow 





90 cyan 5 yellow 10 black 




90 cyan 20 magenta 10 black 




100 cyan 40 magenta 15 black 




100 cyan 55 magenta 30 black 
Background : white 




Background : 50% black 






Background : 100% black 











graphics' 



10 cyan 25 yellow 



20 cyan 40 yellow 



30 cyan 60 yellow 




100 cyan 100 yellow 20 black 




Background : white 



Background : 50% black 



Background : 100% black 



Green is produced by combining a larger percentage of yellow against cyan. This combination can give you a wide range of green. 






















Process color 



20 cyan 15 yellow 




40 cyan 25 yellow 




95 cyan 35 yellow 5 black 




100 cyan 40 yellow 10 black 




100 cyan 45 yellow 15 black 




100 cyan 50 yellow 20 black 
Background : white 



Color on white, gray and black 
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^^gmphics 
c -graphics 



99% Cyan, 
50% Magenta 



Complementary color match. 

Page 256 



70% Magenta. 
90% Yellow 




Process color and line art. Page 266 



How to use the color chart 

If the color chart code is 29, 
refer to the chart on the right to 
find out the percentages of the 
process color, e.g. code 29 is 
^ c(v 70% Magenta and 90% Yellov/. 
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Color and gray match. 
Page 258 




MATCHING COLORS 

Monochromatic color match 
Blending color match 
Contrast color match 
Complementary color match 
Color and gray match 
Four-color mix and match 

PROCESS COLOR ANO TYPE 

Color type on screen background 
Color type on graduated background 

GRAPHIC SAMPLES 

Process color and line art 






250 

252 

254 

256 

258 

260 

262 

264 

266 



Code 


1 


2 


3 


4 


5 


6 


7 


8 


9 


10 


11 


12 


13 


14 


15 


16 


17 


18 


19 


20 


21 


22 


23 


24 


Cyan 


91 


71 


90 


50 


- 


75 


61 


80 


55 


81 


81 


- 


100 


- 


71 


- 


- 


- 


25 


40 


51 


45 


31 


15 


Magenta 


80 


80 


90 


60 


80 


70 


- 


40 


55 


50 


60 


55 


70 


80 


70 


15 


25 


20 


- 


- 


- 


- 


10 


30 


Yellow 


30 


49 


31 
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15 




49 












Code 


25 


26 


27 


28 


4 ) 


30 


31 


32 


33 


34 


35 


36 


37 


38 


39 


40 


41 


42 


43 


44 


45 


46 


47 


48 


Cyan 


















90 


81 


21 


- 


- 


45 


80 


100 


99 


71 


31 


21 


21 


51 


99 


99 


Magenta 


70 


15 


- 


80 


70 


45 


100 


- 


- 


75 


100 


100 


10 


- 


- 


- 


50 


100 


100 


40 


20 


10 


- 


25 


Yellow 


- 


49 


49 


50 


?'j 


BO 
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Code 


49 


50 


51 


52 


53 


54 


55 


56 


57 


58 


59 


60 


61 


62 


63 


64 


65 


66 


67 


68 


69 


70 


71 


72 


Cyan 


41 


61 


41 


75 


71 


71 


80 


99 


61 


99 


99 


71 


62 


99 


62 


52 


80 


32 


65 


- 


- 


- 


- 


15 


Magenta 


70 


100 


70 


90 


70 


55 


50 


80 


10 


60 


80 


25 


30 


90 


45 


55 


80 


60 


90 


- 


- 


- 


- 


15 


Yellow 


























IS 




- 


- 


15 




19 













Black 



Color is like the words of a language. It only makes 
sense, or nonsense, when used together. We seldom 
use color in isolation but with many other colors 
around it. The way we view color can also differ. 
There are many variables that can affect our 
judgement of color. The quality of our eyesight, the 
light source, the color ‘environment’ around your 
selected color, and our personal bias. There are ways 
to minimise poor color judgement and to avoid the 
pitfalls. The samples in the following pages serve 
as useful guides. 



40 70 10 100 



M fi<c - graphics 




Monochromatic color comes from one single hue. We normally term such a color scheme yellowish, grayish, bluish, etc. The difference in such a color scheme comes 
from its value or tonal quality or intensity - light or dark, or bright or dull. 















Color combination 



Monochromatic color match 





Technical Note : FreeHand 3.1 • draw a square • draw the jigsaw shapes inside the square using the Combination tool • delete the original square • go to Fill and line in 
Attributes menu and select Process color • type in the color percentages (Note : the code numbers at the corner of each color represent the tint color percentage. See 
page 249 for the tint percentage.) 



ItHI 




















MA,c- graphics' 




Blending color or ‘neighbor’ color Is the selection of color next to each other in a color wheel. While they can come from two different hues, they are nevertheless a 
blending color as long as they are close to each other. For example, red, orange and yellow. 
















Color combination 



Blending color match 





TOcI 
















M/KC- graphics 




Contrasting color schemes are lively and energetic. Black and white represent extreme contrast in tone. Yellow, red and blue represent contrast in hue. Contrast can also 
come from difference in intensity or brightness. 
















Color- combination 



Contrast color match 





















MAC -graphics 




Complementary colors are directly opposite each other in a color wheel. Such a combination emits vibrant radiance to its adjacent color. Yellow and violet, green and red, 
orange and blue are some examples. Complementary pairs when mixed together give you neutral gray. 
















Color combination 
















MfKC- graphics 




Color and gray scheme. This range can provide both a quiet scheme (as at top of this page) and an aggressive scheme (bottom of page 267). Gray, being a neutral color, 
is compatible with most of the other hues. 











M/^c- graphics 




Four-color mix and match has no particular direction in its color scheme. This experiment is a menu for your color selection to suit your purpose. Always view your 
colors with window frame, so that the surrounding colors will not distract your view. 























Color combination 



Four-color mix and match 
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10% 






30% 




MAC'gntphirs 


50% 




MAC •graph irs 


70% 


M AC-l(;7//;///V.S 


MAC -graphics 


100% 


MAC-j^m/V//rvMAC ^ 
Background : 10% C 


MAC -graphics 






MAC -graphtrs 






MAC -graphics 




M AC-lJ‘/7//>/f7V.S 


. MAC -graphics 




MAC •graphics MAC y 

Background : 30% C 


1 \ MAC -graphics 





MAC -graph ns 


MAC- yen jib ICS 


MAC -graphics 


MAO -graphics ^ 


MAC- graphics 


MAC -graphics ■ - ' ^ 
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This page shows you how tint text and tint background in process colors behave. The text and background tints are set in a range of 10%. 30%, 50%, 70% and 100% 
of the process colors. Process colors used independently (as Cyan. Magenta. Yellov/ or Black) without mixing will have no registration problem during printing, though 
the independent process colors will have a ‘raw’ look. They work well on a black background. 
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Technical Note : Freehand 3.1 • draw the rectangular boxes • go to Fil and line in AUributes menu • select Process color and type in the color percentages • type text in 
the dialog box using the Text tool • centralize text in the box by using Alignment in Ihe Type menu • go to Color menu and choose the color percentages from Process 
color 
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You can achieve beautiful results by using tint text in process colors over a graduated background of secondary and tertiary colors. A 10% tint text does not show well 
whereas a solid text (100% tint) gives maximum contrast. 





Color combination 



Color type on graduated background 




i 

MAC- graphics 
MAC - graphics 



M AC -grctpiu^^ 
MAC • graphics 0^. 
MAC -graphics 



M AC- jyaiisji.h-', 

MAC- graphics 
MAC -graphics 



M AC- grapli*r:s mac: 
MAC- graphrcs 



Ma AC- graphics 
% MAC- graphics 



C-g!-iphics 
BAG -graphics 
^ M A c -graphics 



'^AC- graphics 
MAC- graphics 
mac- graphics 



Technical Note : FreeHand 3.1 • draw the rectangular boxes • go to Fill and line in Attributes menu and select Graduated from the Fill pop-up menu • select the colors, 
taper angle and the angle of graduation • type text in the dialog box using the Text tool and specify the colors of your choice • click OK 
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Line art in stark black and white provides maximum contrast. By using colors we can create numerous moods. The examples show hov/ colors are used in fiat tint, 
graduated tint and radial tint. The scanned image is filled with a color and placed against a background filled with another color. 





Color combination 



Process color and line art 






Technical Note : Mac GrayScan 1.6, Freehand 3.1 • place scanned image in the Freehand file • duplicate the number of TIFF images and place on a pre-drawn grid 
• go to Fill and line in Attributes menu and select the colors of your choice • go to Element info in Attributes menu and click on the Transparent button • draw a smaller 
rectangular box and centralise it within each image • select and fill the colors (see page 266 for graduation effect) • click OK • send your color rectangular boxes to back 











Color correction and modification. 
Page 272 
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Image modification using filters. 
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Image re-touching comes in two basic forms, i.e. 
to refine or to permutate. To refine is to enhance the 
image quality suitable for reproduction. This area 
is useful to people in the reprographic arena. To 
permutate is to distort, to shock or to intrigue the 
viewers, a re-touching technique widely used by 
creative people. Software like Photoshop, which is 
extensively used here, is capable of doing just that. 
You just need time and imagination. 
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Original 






Ripple (Amount : 200, Large) 



Zig Zag (Amount : 20. Ridges : 10. Pond ripples) 





Add Noise (Amount : 32, Distribution : Gaussian) 



Crystallise 



One of the easiest ways to mutate an image is to use the filters In Adobe Photoshop. There are more than two dozen filters within the application that let you apply a 
myriad of special effects. Your picture can be sharpened, blurred, pointillized. faceted or distorted. You can also use the NTSC Color and De-interlace filters to prepare 
an image for use in video recording. Be discreet when using filters. Get the appropriate result to suit the project. 
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Image modification using filters 





Unsharp mask (Amount : 100%, Radius : 3 pixels, Threshold : 10 levels, 2 passes) 




Mosaic (8 pixels square) 




Find Edges 




Tiles (Number of tiles : 5, Max offset : 10%, Fill empty area with inverse Image) 




cMuIti (Radial, Radius : 30. Width : 45, #Area : 8. Transition : 8, Intensity : 55) 



Emboss (Angle : 135°, Height : 6 pixels. Amount : 100) 




Technical Note ; Images modified with Adobe Photoshop 2.0 • images scanned from 35 mm Ektarchrome transparencies with Scitex’s Iris Smart Scanner at 300 dpi 
• layout with PageMaker 4.2 • color separation on Agfa Compugraphic SelectSet 5000 at 2,400 dpi at 150 Ipi 
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Original 




Invert 




+50 Cyan 



-50 Cyan 






+50 Magenta -50 Magenta 



Adobe Photoshop is a powerful image manipulation software for color rendering. The color correction can be subtle through the addition or subtraction of CMYK colors 
or dramatic through re-mapping the whole color curve. It allows you to improve on your scanned images. Photoshop also allows you full control on how you can 
compensate for deficiency between RGB displays and CMYK reproductions, such as selection of printing processes or ink dot gain. 
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Color correction and modification 








+50 Yellow 



-50 Yellow 








Using arbitrary map to re-map the color curve 



Posterising (2 levels) the red channel of a RGB image 



Posterising (4 levels) 



Image converted to Index color and color table edited to a green color range 



Technical Note ; Images modified with Adobe Photoshop 2.0 • images scanned from 4” x 5” transparency with Scitex’s Iris Smart Scanner at 300 dpi • layout with 
PageMaker 4.2 • color separation on Agfa Compugraphic SelectSet 5000 at 2,400 dpi at 150 Ipi 
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The original is a 4" x 5" transparency with old and dirty panels, and rather 
dull sky 




The color of the sky was then altered with a transparent color fill (90C, 40M and 
5Y) using the fill command of the Edit menu. 




The first step involved cleaning up the glass panels using various tools in 
Photoshop, such as the rubber stamp, pencil tool and the cut and paste method. 




A 3D logo was added to the image. Its outline was drawn in Aldus FreeHand. 
saved as a PICT file and opened in Photoshop to be re-sized and placed. 



The above exercise illustrates how a designer can use Photoshop to enhance and re-touch transparencies, such as cleaning up the windows, re-touching the scratches, 
enhancing the color of the sky and adding a 3D logo to achieve the final result as shown on the opposite page. This exercise took approximately V!^ hours to complete. 
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Image enhancement 





The final step 
was to add 
a glow to the 
3D logo. The 
logo was first 
placed onto 
an alpha 
channel. The 
entire channel 
was then 
Inverted. Next, 
a Gaussian 
blur filter was 
applied and the 
channel was 
applied onto 
the color 
Image. The 
selection was 
then filled with 
white to create 
the glow. The 
colored 3D 
logo was finally 
pasted . 



Technical Note : Images modified with Adobe Photoshop 2.0 • images scanned from 4” x 5" transparencies with Scitex’s Iris Smart Scanner at 300 dpi • layout with 
PageMaker 4.2 • color separation on Agfa Compugraphic SelectSet 5000 at 2.400 dpi at 150 Ipi 
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This shot of a tree trunk shov/ed interesting textures 
at close-up view. 



A sunset scene of a rustic village v;as the final 
transparency used for this exercise. 




The 35 mm slide of the crovmed crane v/as shot 
using a 500 mm mirror lens. 





The lasso tool, set to #8 feather radius, was used to select the background. The The crane and the texture were selected and the water v/as again copied to the 

tree trunk scan was copied 'pasted into' the crane image and scaled to size. clipboard and 'pasted 'into' the selection and scaled to size. 



Compositing multiple images into one used to be an expensive exercise because it required high-end graphics systems such as Scitex. Crosfield or Quantel. Adobe 
Photoshop allows you to composite images together easily with the tools available. Using simple commands such as select, copy and paste into, you can achieve the 
same results you see on these pages. 








Image re-touching 



Image compositing 





The hard edge 
between the 
water and 
texture was 
softened using 
the blur tool. 
Text was then 
added to the 
top of the 
image. The 
text was 
created 
in Adobe 
Illustrator 3.0 
and saved as 
an EPS file.The 
EPS file was 
then placed on 
a separate 
alpha channel 
and sized to fit 
the layout. A 
Guassian filter 
with a pixel 
factor of 4 was 
applied to the 
letter selection 
to create the 
soft edge. The 
alpha channel 
was then 
applied onto 
the image and 
filled with 
white for the 
glow. The EPS 
text file was 
placed again 
and overlaid 
over the glow. 



Technical Note : Images modified with Adobe Photoshop 2.0 • images scanned from 35 mm transparencies with Scitex’s Iris Smart Scanner at 300 dpi • layout with 
PageMaker 4.2 • color separation on Agfa Compugraphic SelectSet 5000 at 2,400 dpi at 150 Ipi 
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The grayscale image was first opened in Photoshop. The entire image was then 
copied onto the clipboard for later use. 



The sky ms then selected with the lasso tool. A 80% Cyan color radial blend was 
filled in and the noise filter was applied to give the sky a stippled effect. 




Using a combination of the paint and airbrush tool, various parts of the statues 
were painted over with soft pastels colors. 



The previously copied image was pasted over the painted version. Using the 
paste control in the Edit menu, the gray values were merged with the painted one. 



The ability of Photoshop to work in various mode (e.g. black and white, grayscale and color) makes it a versatile application to do the kind of work you see above. We 
started off with a grayscale image and then converted it to CMYK mode for adding color elements into it. Simple techniques such as painting and using the paste control 
In the Edit menu to control the opacity of pasted images allow you to create visually exciting color images from black and v/hite ones. 





Image re-touching 



Painting black and white 





A soft pastel 
orange color 
was airbrushed 
onto the 
statues to give 
them a little 
warmth. As we 
find the bus 
and people at 
the lower right 
hand corner of 
the image 
distracting, we 
had them 
removed by 
copying the 
trees on top 
and pasting 
over them. 






Technical Note : Images modified with Adobe Photoshop 2.0 • images scanned from a b/w photograph with Scitex’s Iris Smart Scanner at 300 dpi • layout with 
PageMaker 4.2 • color separation on Agfa Compugraphic SelectSet 5000 at 2,400 dpi at 150 Ipi 
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The appendices are useful information for those 
in the field of DTP technology. While they are not 
exhaustive, they enable the lay users to understand 
DTP terminology and to communicate on the 
same wavelength with their colleagues, clients and 
vendors. Using the MAC also requires a certain 
amount of discipline. The section on Tips and Tricks 
can save you unnecessary headaches in the course 
of your work. 
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8-bit. A system used for displaying colors and 
grayscales on your Macintosh screen. An 8-bit video 
system is capable of displaying 256 (2®) colors or 
grayscales, at a time, out of 16.8 million colors 
which the Macintosh is capable of generating. See 
also bit. 

24-bil. A system used for displaying colors and 
grayscales on your Macintosh screen. A 24-bit video 
system is capable of displaying, at a time, the full 
16.8 million colors which the Macintosh is capable 
of generating. See also bit. 

Alignment. Process of specifying how elements 
(text and/or graphics) align on a page, towards one 
another or on a grid. For text alignment, see ragged 
left, ragged right, centered and justification. 

Artwork. Any black and white or color original pre- 
pared for reproduction by manual or mechanical 
means. Also called mechanicals. 

Ascender. The part of lower case letters such as 
b d f h which rise above the x-helght. 

Asterisk. The sign * which you will get when you 
press shift-8 on your keyboard. 

Baseline. An imaginary horizontal line along which 
the bottom of capital letters and most lower case 
letters such as a c e align. 

Bit. An acronym for a binary digit. A binary digit 
represents either an on or off signal. In computers, 
all information (whether text, graphics, audio, video) 
is represented in bits. 

Bitmap. A file, display or print format in which 
information in each pixel is represented. 

Bleed. Images on the artwork which extend 
beyond the trim marks. 

Blow-up. To enlarge or an enlargement. 

Body type. Usually a 14 points (or less) size 
typeface used for setting text on a page. 

Body. The vertical area (from ascender to 
descender) occupied by a character. 

Book. The medium weight of a typeface intended 
for text setting. 
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Box setting. Setting text with both sides aligned. 
Same as justified. 

Braces. I }. The symbols which you get when 
you press open and close square brackets on your 
keyboard while depressing the shift key. 

Brightness. How dim or bright an object appears 
to be. See also HSB. 
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Broadsheet. A term commonly used to refer to a 
page the size of a full-size newspaper. 

Bromide. Light sensitive paper used for printing 
from the Macintosh by high resolution imagesetters. 
It is a version of photographic paper. 

Bullet. The symbol • which you get when you 
press option-8 on your keyboard. 

Camera-ready. Artwork that is ready for the print- 
ing process, i.e. for making negative/positive/plate. 



Cap height. The distance from the baseline to the 
ISE 4, ^ top of a capital letter. 



^ asterisk 




baseline 



Caption. Text used to describe an image on page. 

Center spread. The pair of pages which appear 
at the center of a publication, e.g. pages 4 and 5 of 
an 8-page publication. 

Centered. A method of aligning text in which ail 
lines in a paragraph are aligned from the center. See 
alignment. 




Chain. Refers to a stream of linked text, flowing 
from one page or column to other pages or 
columns. 




Character. Includes upper and lower case letters, 
numbers and punctuation marks that comprise a 
font. 



bleed ^ . 




CMYK. Short for cyan, magenta, yellow and black, 
the process color in which you can specify the 
percentage of cyan, magenta, yellow and black to 
simulate any color of the spectrum. 



Collating. Gathering pages in the correct order. 

body^ Jypg Color separation. Preparation of color artwork 

for printing by separating it into individual colors. 
There are two methods of color separation: process 
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color separation and spot color separation. In pro- 
cess color separation, the artwork is separated into 
four colors: cyan, magenta, yellow and black. In 
spot color separation, one separation is made for 
each color used in the artwork. 

Condense. To compress one or more characters 
horizontally. 

Continuous lone. Any image such as a photo- 
graph that has a complete range of tones from 
black to white. See also halftone. 

Contour. A photograph from which all the back- 
ground has been removed or etched out. 

Copy. In computer terms, to duplicate. In printing 
terms, the manuscript from which text is to be input. 

Crop marks. Crosses drawn or printed on a page 
to indicate where a printed page should be trimmed. 

Cropping. The technique of trimming the edges 
or part of an illustration to fit a given space. 

Cut marks. Same as crop marks. 

Default. The settings and features (such as font 
and size) which you encounter when you open a 
new file in an application on the Macintosh. Most 
programs allow you to change the default settings. 

Descender. The parts of lower case letters g j p q 
and y which extend beneath the baseline. 

Digitizing. The process of converting an image 
on paper, film, negative, positive, etc into digital 
form that can be stored in a computer. 

Display. Short for Visual Display Unit (VDU), your 
Macintosh screen or monitor. 

Dither. A technique of using two colors to create 
the appearance of a third. For example, dithering 
using black and white simulates gray. 

Drop caps. The first character of a paragraph which 
is set in a larger size than the rest of the characters 
in the paragraph, occupying more than one line of 
vertical space. 

Drop shadow. A shadow effect obtained by 
duplicating an object and setting the duplicate on 
one side of the original. 
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Dummy. A rough sketch, a scaled page layout, 
or a preliminary drawing representing the final art- 
work. 

Element. A block of text, a graphic, a line, a half- 
tone image, etc. 

Em. The amount of horizontal space occupied by 
the letter M In any font In a normal (not condensed 
or expanded) style and in a particular size. 

En. Half the horizontal space of Em. 

EPSF. A file format used by many Macintosh 
drawing programs. An EPSF file is in two parts: one 
part consists of PostScript code that describes the 
image and the other part consists of a graphic screen 
representation in QuickDraw format which is used 
for displaying the content of the file on screen. 

Expand. To stretch one or more characters 
horizontally. 
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Face. See font 

First line Indent. Setting the first line in a para- 
graph away to the right of the remaining lines in the 
paragraph. 

Flush left. See ragged right 
Flush right. See ragged left. 

Folio. Same as page number. 
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Font. A set of characters including alphabets, 
numbers, accent marks and punctuation marks 
with a unique appearance in a particular style. For 
example, the Times typeface consists of four fonts: 
Times Roman, Times Bold, Times Italic and Times 
Bold-italic. 

Footer. Space in the bottom margin used for set- 
ting recurring items such as page number, chapter 
title, book title, etc. See also header. 

Fount. Same as font 

Galley. Text set in continuous columns in a given 
width prior to page make-up. 

Gradation. A screen fill in which a shade of gray 
or color smoothly tapers to another shade of gray 
or color. 
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Graduated. See graduation. 

Grain. The direction in which the fibers line up 
when a sheet of paper is made. 

Grayscale. A shade of gray, derived from a per- 
centage of black, assigned to an image or a pixel on 
a computer screen. 

Grid. Consists of non-printable horizontal and 
vertical lines drawn to help position text and 
graphics on a page accurately. 

Gutter. Refers to space between columns. 

H & J. hyphenation and justification. See 
hyphenation and justification. 

Hairline. Any rule which is about a quarter of a 
point (0.25) thick. 

Halftone. Refers to the negative or positive film 
which Is obtained after the break up of a photograph, 
using a process camera, into fine dots required for 
printing. 

Hanging indent. Also called outdent. The first 
line in a paragraph Is set away to the left of the 
remaining lines of the paragraph. 

Hard copy. A printed copy of the contents of a 
computer file. 

Header. Space in the top margin used for setting 
recurring items such as page number, chapter title, 
book title, etc. See also footer. 

Heavy. A particular weight of a typeface, thicker 
than bold. 

HSB. Acronym for hue, saturation and brightness. 

Hue. The key characteristic of a color. The hue of 
bright red or dark red is red. 

Hyphenation . The process of breaking words which 
do not fit in the space available at the end of a line. 

Imagesetter. A high resolution output device 
which receives images from a Macintosh and 
exposes the image on bromide or film. 

Impression. The result of the process of trans- 
fering an image from an offset plate to paper. 

Indentation. A system of setting text in relation 
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to the margins. There are four types of indents: (a) 
left Indent, (b) right indent, (c) first line indent and 
(d) hanging indent. 

Inside. Refers to the right margin of a left page 
and the left margin of a right page in a double-sided 
publication. Same as gutter. 

Justification. Alignment of text in a paragraph in 
such a way that all lines are aligned from the left 
and right except the last line of a paragraph. 

Kerning. Reducing the amount of white space 
between alphabets. 

Landscape. A horizontal page orientation In which 
text and graphics are set along the width of the 
page. Also known as wide. 

Layout. The arrangement of text and graphics on 
a page. 

Leader. A row of dots, dashes or any other 
character used to guide the eye between Items 
in columns such as an entry in an index and its 
corresponding page number. 

Leading. Vertical space between lines of text. Lead- 
ing is usually measured from baseline to baseline. 

Left indent. All lines in a paragraph are set away 
to the right of the left margin. 

Letter spacing. Refers to the horizontal space 
between letters. 

Ligatures. A ligature Is a single character used to 
represent two or more characters. Some common 
ligatures are fi fl. 

Light face. A particular weight of a typeface, 
thinner than medium. 

Line art. An image consisting of only black and 
white elements without continuous tone. 

Logo. An emblem or symbol consisting of type 
and/or Illustrations representing a product or an 
organization. 

MAC-graphics*. Graphics produced with the 
Macintosh hardware and software. 

Margins. Space between the edge of the page 
and the printed area on the four sides of a page. 
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Mean line. An imaginary horizontal line that marks 
the tops of lower case letters without ascenders. 

Measure. The width of a text block. 
Mechanicals. See artwork. 

Moire. An undesirable pattern on printed halftone 
due to poor angling of screen or registration. 

Negative. Any image on paper, screen or film 
where dark elements appear light and light elements 
appear dark. 

Newsprint. Paper used for printing newspapers. 
Offset lithography. A method of printing. 

Origin. The starting co-ordinates of an image 
measured from the top and left edge of the page 
or margin. 

Outdent. See hanging indent 

Outside. Refers to the left margin of a left page 
and the right margin of a right page in a double- 
sided publication. 

Overlay. Transparent paper or film placed over 
artwork for the purpose of showing the breakdown 
of color In mechanical color separations. 

Pantone' . A standard for color matching. 

PICT. A file format for storing 8-blt black and white 
images. Newer versions of PICT known as PICT2 
and PICT 2 (24-bit) allow storage of 8-bit color and 
24-bit color images. 

Pixel. Abbreviation for picture element. The indi- 
vidual display dots that make up your Macintosh 
screen display. The display of the built-in Macintosh 
screen, for example, consists of 51 2 pixels horizon- 
tally and 342 pixels vertically. 

Plate. A thin, flat and rectangular piece of metal 
(made of aluminium, zinc, etc) onto which the image 
of an artwork is transferred and mounted on an 
offset printing machine to make copies. 

Point size. The size of characters In a font 
measured from ascender to descender. 

Point. A unit of measurement, approximately 
1/72nd of an inch. 
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Portrait. A vertical page orientation in which text 
and graphics are set. Also known as tall. 

Positive. The opposite of a negative image. 

PostScript. A page description language used by 
Macintosh programs to describe the contents of a 
page to be printed to a PostScript printer. 

Print run. Number of copies to be printed. 

Proofreading. The process of reading a proof to 
detect mistakes in spelling, punctuation, style, font, 
size, etc and marking corrections on the proof. 

Proof. A trial print taken to check for mistakes. 

Proofing. The process of obtaining trial copies 
(or color separation proofs) of color artwork 
before printing. There are two methods of proofing: 
off-press and on-press. As their names suggest, 
on-press proofing is when an offset press Is 
used to print proofs, and off-press proofing is 
getting proofs using any method other than an 
offset press to make trial copies, e.g. 3M, Dupont, 
Kodak, etc. 

Proofing Bar. A system to help offset printer In 
quality control and detecting printing problems. 

QuickDraw. A graphics description language used 
by the Macintosh to display text and graphics on 
the screen and to print on non-PostScript printers. 

Ragged left. A method of aligning text where all 
lines in a paragraph are aligned from the right but 
staggered on the left. See alignment 

Ragged right. A method of aligning text where ail 
lines in a paragraph are aligned from the left but 
staggered on the right. See alignment 

Recto. A right hand page or an odd number page. 

Registration marks. Marks, usually consisting of 
crosses within circles, printed on color separations 
to facilitate accurate registration during printing. 

Registration. The exact positioning of two or more 
printing impressions. 

Resolution. Sharpness of an image measured in 
pixels per Inch in the case of monitors and dots per 
Inch in the case of printers. 
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RGB. Red. green, blue. A color mixing method 
used by color monitors to mix percentages of red, 
green and blue light to create any other color. 

Rivers. A term used to refer to too much white 
space appearing in a block of text. 

Rule. A straight line drawn at any angle, thickness 
or pattern. 

Run-around. To make text flow along the path of 
a line, box or an illustration. 

Run-on. To reposition text in a line in such a way 
that it continues at the end of the previous line. 
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Sans serif. Without serif. See serif. 

Saturation. The attribute of a color In relation to 
white. The lower the saturation, the whiter the color. 

Scale. To reduce or enlarge an image to fit a 
given size. 

Scanned Image. Any image that has been cap- 
tured by a digitizing device such as a scanner, video 
camera, etc. and stored in a Macintosh. 

Screen. A piece of film used for breaking up 
continuous tone images {such as a photograph) 
Into halftones required for printing. Screens are 
designated by number of ruled lines they contain, 
from 50 (coarse) to 300 (very fine) lines per inch. 
See also tint. 

Serif. Short strokes which project from the main 
strokes of a character. 

Set. To type characters and apply attributes such 
as font, style, size, etc. 

Skew. To slant an element horizontally, vertically 
or both. 

Slab serif. A type of font In v/hich characters have 
rectangular serifs. 

Small caps. Capital letters whose height Is the 
same as the x-helght in a given font and size. 
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Solid setting. Setting lines of text without 
leading. 

Spacing. Adjusting spaces between letters, 
words and lines. 
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Spine. The bound edge of a book. 

Spread. A pair of facing pages. 

Stet. Proofreading term which means to disregard 
correction mark. 

Story. A chain of linked text that occupies one or 
more columns or pages. 

Stripping-in. Manually pasting text or graphics 
on a page. 

Style sheet. A collection of attributes for text, 
line, color or fill saved for a particular file. 

Tabloid. A page (1V x 17") that is about double 
the size of A4 and half the size of a broadsheet 
(newspaper size). 

Taper. The progression from one color to another 
in a graduated fill. 

Template. A file with preset options for various 
attributes of text and graphics. 

Thumbnails. Miniature representation of pages 
used for checking design and layout of an entire 
publication. 

TIFF. Short for tagged image file format. A bit- 
mapped file format for storing scanned black and 
white, line art, grayscale and color images. 

Tiling. The process of breaking an image, which 
is larger than the paper on which it is to be printed, 
Into smaller parts (tiles) the size of the paper, and 
then assembling the tiles. 

Tint. A percentage of a color (usually process 
color) or a shade of gray. 

Tone. The strength of a color or shade of gray, 
from solid to light. 

Typography. The art of selecting and using fonts. 
Verso. Left hand page or an even number page. 

Weight. The thickness of the strokes of a charac- 
ter categorized into several weights starting from 
the thinnest (lightest) to the thickest (heaviest). 

X-height. The height of lower case letters without 
ascenders or descenders such as a c e x . 
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Tips and Tricks In this section, we show you some of the 

techniques popularly used in graphic design. 

Circular Blends 

• FreeHand 3.1 

• Draw the circular shape. 

• Draw a line from the centre point of the circular shape 
downwards. Clone the line and rotate anti-clockwise BO'’. 
Duplicate three times the cloned line. 

• Move the third duplicated line clockwise, as shown in the 
first diagram. 

• Give the same thickness for all the lines but different colors 
or tints for each line. 

• Blend from one line to another (25 steps). Do the same to 
the other lines. 

• Cut the blends and Paste inside the circular shape from the 
Edit menu. 




Creating Transparencies 

• FreeHand 3.1 

• Draw a rectangular box and fill it with a color of your choice. 

• Draw a circle on top of the box. choose a color and click 
None for the keyline. 

• Ungroup it. 

• Clone and move it up to the right and fill It with white. 

• Select a point from each circle and blend it (25 steps). Send 
the blended object to the back of the rectangular box. 

• Clone the blended object. 

• Hold down the Option key to select the white circle within 
the blended front object and change its fill to the same color 
as that of the rectangular box. 

• Cut the blended front object. 

• Activate the box and paste the blended front object using 
Paste inside command from Edit menu. 










Chiseled type 

• FreeHand 3.1 

• Outline the shape of ‘STOP’ with a corner tool and fill it with 
a solid color. 

• Draw the shadowed areas of the chiseled letters. Make sure 
all the paths are closed. Select a darker tint for the color. 

• Draw a thin highlight stroke tracing the edge of the shadow 
of each letter. 

• Place both highlight stroke and shadowed area onto each 
respective letter. Bring both to the front. 
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Ellipses 

• FreeHand 3.1 

• Draw a circle and tv/o ellipses using Ellipse tool, positioning 
them as shown in the first diagram on the left. 

• Ungroup all outlines. 

• Using the Knife tool and cut the intersecting points of all 
three elements. 

• Delete the unwanted blue lines. 

• Select the intersecting mid points of the two red lines and 
join them. 

• Clone the red line. 

• Join the cloned red line to the left half circle. Ensure that the 
path is a closed one and send this section to the back. 

• Join the next red line to the other half of the circle. Also 
ensure that the path is closed 

• Fill both sides with color desired. 




Globe 

• FreeHand 3.1 

• Draw a circle in 1 -point line with no fill. 

• Clone circle. 

• Pressing Option + Scale tool and set Horizontal 5% from 
centre, uncheck lines under sclae options and click OK. 

• Select both circles and ungroup them. 

• Activate one corresponding point from the centre of each 
circle. 

• Blend (6 steps). 

• Clone the element in the second diagram. 

• Press Option + Rotation tool and set it to 90° at centre. 

• Your completed globe should be similar to the third 
diagram. 




PageMaker’s Duplication 

• PageMaker 4.2 

• Create a shape. 

• Go to Edit menu and copy shape or Command + C. 

• Press Command + Option + V to paste and move the copied 
shape to position as shown in the second diagram. 

• Press Command + Option + V to duplicate as many shapes 
as desired. 
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In-line type 

• Freehand 3.1 

• Type text in Lubalin Graph bold, 24 points. 

• Set effects to Inline . . . Background — width (3 points), 
color (white); Stroke — width (1 point); color (black), 
mitre limit (30°); Iterations — 1 . 

• Set effects again in Type menu to Inline . . . Background — 
width (3 points), color (white); Stroke — v/idth (1 point), 
color (black), mitre limit (30°); Iterations — 1 . 

• Set effects to Inline one more time . . . Background — width 
(3 points), color (white); Stroke — width (1 point), color 
(blue), mitre limit (30°) ; Iterations — 1. 




Neon type 

• Freehand 3.1 

• Type ‘N’ in helvetica bold, 80 points. 

• Convert to paths, go to Element menu and select Split 
elements. 

• Clone the ‘N’ and set line in 1 2-point black. 

• Send to back. 

• TAB and select next ‘N’. 

• Set 1 -point line in white and fill with black. 

• Drag to select a pair of corresponding points as shown in 
the second diagram. 

• Blend (10 steps). 

• Fill background with black. 




Emboss type 

• Freehand 3.1 

• Type ‘E’ in Times bold. 90 points in 10% green. 

• Clone the ‘E’. 

• Move position using Command + M and set horizontal 
-0.03’; Vertical 0.03’, color 40% green. 

• Duplicate using Command + D to the next position, 
selecting 100% green for its color and sent ‘E’ to back or 
Command + B. 

• Fill background with 40% green, also sending it to back. 




Freehand’s Eraser 

• Freehand 3.1 

• Trace the outline of a shell using the Freehand tool. 

• Draw it off position. 

• While still holding dov/n the mouse button for the Freehand 
tool, press the Command key to erase the off-positioned line 
by retracing over it. 

• Release the Command key and continue drawing without 
letting go of the mouse button. 
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Encircle Line Art 

• Freehand 3.1 

• Drav/ an ellipse over the surf sail. 

• Clone or Command + = and move position of ellipse slightly 
down. 

• Duplicate or Command -t- D for the two ellipses. 

• Use the Pointer tool and select all the rings, aligning them 
with Command + /. 

• Ungroup the rings and cut the left and right side handles 
with the Knife tool. The two ellipses are now separated in 
two respective halves. 

• Without dragging to separate the two respective halves, 
select the top halves and send to back. 




Compound Lines 

• Freehand 3.1 

• Draw a closed path in 1 2-point black with no fill. 

• Clone from Fdit menu or Command - 

• Go to Fill and line in Attributes menu. 

• Change line to color desired. 

• Select defaulted dotted lines under Dash while holding 
down Option key. 

• Set segment lengths On (2 mm) and Off (5 mm) in 
Line pattern. 




Composite Paths 

• Freehand 3.1 ■ 

• Draw two rectangles to create a frame and align them as 
shown in the first diagram. 

• Command + U to ungroup and Command + J to join both 
rectangles. You may use commands from Elements menu 
for both steps. 

• Command + E or activate Fill and line from Attributes menu 
and fill frame with a custom texture and color desired. 

• Place from File menu a scanned image and send to back 
using Elements menu. 
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Gallery of works In this section, we showcase some of the MAC-graphics contributors. This illustration was done by first studying the Moorish architecture. The 
image was scanned and traced using Freehand 3.1. This was further duplicated and re-sized to form an interesting composition. Other elements like the sky and the 
long shadows were added to provide the dramatic effect. 



© Octogram Design Re Ltd 
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This illustration was used for press advertising to promote color prepress on the MAC • drav/n using Freehand 3.1 • extensive blends were used for the background 
• fishes rendered with graduated tones • 19 layers and 67 colors used 






© Paragraphics Sdn Bhd 
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After scanning the picture, the artist experimented v/ith the multiple effects of Photoshop. The effects as you can see are both stunning and unexpected. On page 294, 
the professional comic illustrator used the ‘air-brush’ effect in Photoshop successfully. 



© Ho Sum Tuck 
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An invitation You are invited to submit samples of your work to be showcased in MAC-graphics. If they are selected, we will publish them with full credit line in 
MAC*graphics and present you with a complimentary copy. We prefer that you send your work in diskette form. Please include your name, address, occupation and 
details of your Macintosh configuration and softv/are used. Please include a brief description on how your work v/as created. The address to send to is : The Curator, 
Octogram Publishing Private Limited, Singapore. BIk 79A Indus Road #02-406, Singapore 0316. Republic of Singapore or contact us directly on Tel : 065-2787373 
Fax : 065-2783737. Please include a self-addressed envelope if you want your diskette returned to you (postage will be paid by the publisher). 






© Chan Mun Loong 
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MacUser 

950 Tower Lane. 18th Floor 
Foster City, CA 94404. USA 
Tel: 415-578-9770 

Macworld 

501 Second Street, #500 
San Francisco, CA 94107, USA 
Tel: 415-243-0505 

Publish! 

501 Second Street 

San Francisco. CA 94107, USA 

Tel: 415-243-0600 

Personal Publishing 
191 South Gary Avenue 
Carol Stream. IL 60188, USA 
Tel: 312-665-1000 

The Seybold Report 

6922 Wildlife Road 
Malibu, CA 90265, USA 
Tel: 213-457-5850 

Desktop Publishing 
363 Ridge Road 
PO Box 620025 
Woodside, CA 94062, USA 



Electronic Publishing and 
Printing 
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Chicago, IL 60606, USA 
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Macintosh 
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(3rd Edition) 
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DISK 

INCLUDED 



M^O-graphics^ — A designer’s visual guide to graphics 
for the Apple Macintosh by Urn & Gim 

SECOND EDITION, with disk 

MkC-graphics"^ is a comprehensive graphic reference manual 
addressing the designers, printers, typesetters, serious DTP 
hobbyists, typographers, color separators and students — those 
who use type, color and grayscale regularly, and those who do not 
want to waste their time to obtain the right printed results: the 
results as proven in print, not on the monitor screen. The book 
bridges the gap between the design and the production process 
in desktop publishing. 

MfiiC-graphicf illustrates clearly the possibilities of producing 
quality printed matter with the Macintosh. This manual puts together 
the key elements in pre-press production (type, tint, color, grayscale, 
image, rule, halftone, process color and graduated color) on the 
MAC. It shows you how they relate to each other in the process of 
graphic design — the art of visual communication. 

This new, updated, upgraded, and enlarged edition includes a disk 
containing The Color Wheel, a Freehand document that provides a 
fast and easy way to calibrate your monitor and help you visualize 
colors more accurately on screen, and 12 CMYK color charts to 
help you quickly select and use the right color scheme. 

U^C-g^aphicf is a useful guide not only to new DTPers but 
is also a useful companion to the graphic designer as well as 
the advanced MAC users in helping them to produce the printed 
results they want. 

Reviews of tAKC- graphics* , first edition 

’’The ultimate ’desktop’ book for the graphic designer ... First buy 
your Mac, then get this book!” Tools of the Trade, USA. 

”Covers everything from typeface choices to color processing and 
line art ... a superior Mac graphics aid.” The Bookwatch, USA. 

“Presents an immense amount of information in a relatively 
compact form.” Computer Publishing Magazine, USA. 
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